国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術(shù)文章
文章詳情頁

Vue項目打包部署到apache服務(wù)器的方法步驟

瀏覽:3日期:2022-10-07 08:37:47

vue項目在開發(fā)環(huán)境下,讓項目運行起來,是通過npm run dev命令,原理是在本地搭建了一個express服務(wù)器。

但是在服務(wù)器上就不是這樣的,必須要通npm run build命令來對整個項目進行打包,打包后會在項目目錄下生成一個dist文件夾,內(nèi)容如下:

Vue項目打包部署到apache服務(wù)器的方法步驟

然后就是把這些文件丟到服務(wù)器上的某個文件夾下,我這里的文件夾名字是ibms

Vue項目打包部署到apache服務(wù)器的方法步驟

遇到的問題:

1. 直接去訪問http://www.xxx.com/ibms/,會發(fā)現(xiàn)網(wǎng)頁是白屏的,什么都沒有,這就比較奇怪了,其實是因為資源加載的路徑有問題!

解決方法:

在config中的index.js里build下修改webpack配置:

assetsPublicPath: ’/ibms/’

在router中的index.js配置中加上:

export default new Router({ mode: ’history’, scrollBehavior: () => ({ y: 0 }), base: ’/ibms/’, // 加上這一行 routes: constantRouterMap})

接下來再重新npm run build打包,然后丟到服務(wù)器上ibms文件夾下,這時頁面就可以正常訪問了。

2. 在當前頁面刷新或者用url欄訪問某個子頁面,結(jié)果發(fā)現(xiàn)網(wǎng)頁404了,這是因為vue路由的mode是history模式。

解決方法:

把所有的請求全部轉(zhuǎn)發(fā)到http://www.xxx.com/ibms/index.html上就可以了

我這里用的是apache做的web服務(wù)器,在ibms目錄下新建.htaccess文件(跟index.html同級),編輯代碼。

Vue項目打包部署到apache服務(wù)器的方法步驟

<IfModule mod_rewrite.c> RewriteEngine On RewriteBase /ibms/ RewriteRule ^index.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /ibms/index.html [L]</IfModule>

這個配置的作用就是把所有服務(wù)器上不存在請求全部轉(zhuǎn)發(fā)到index.html上去。(PS:記得要重啟apache服務(wù)器哦)

到此這篇關(guān)于Vue項目打包部署到apache服務(wù)器的方法步驟的文章就介紹到這了,更多相關(guān)Vue項目打包部署到apache內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 南木林县| 文昌市| 霍林郭勒市| 和硕县| 芒康县| 五华县| 阿拉善右旗| 张家港市| 迭部县| 遂溪县| 西吉县| 穆棱市| 凭祥市| 石渠县| 天等县| 奉化市| 莱州市| 阳高县| 兰西县| 肥乡县| 乐亭县| 汾西县| 丹寨县| 保德县| 稷山县| 江都市| 谢通门县| 沁源县| 桐城市| 桐梓县| 绥芬河市| 水城县| 武陟县| 荔浦县| 荣昌县| 东阿县| 灵丘县| 凌云县| 建宁县| 怀安县| 松滋市|