1. 程式人生 > 實用技巧 >Vue 打包後靜態資源加字首,頁面路由加字首,修改靜態資源訪問路徑

Vue 打包後靜態資源加字首,頁面路由加字首,修改靜態資源訪問路徑

記錄一下做過的需求,瞭解的不多,有不對的地方請指出,謝謝~

需求是:同一個的服務的同個埠號,根據後面接著的內容不同訪問不同的管理系統。

舉個例子:http://127.0.0.1:8088/admin 訪問的是A管理平臺 http://127.0.0.1:8088/test 訪問的是B管理平臺。

這需要給頁面路由,以及訪問的靜態資源加admin, test。並且配置好nginx。

因為vue-cli版本的不同,檔案結構不同,加字首的方法也不一樣。

vue-cli2: 由於我用的是vue-cli3,2.0版本的沒試過可能有問題。

(1)給靜態資源加字首有兩種方法:

  • 在config / index 檔案裡修改dev(npm run dev本地啟動專案時)和build(npm run build 打包時)下的 assetsPublicPath:”/字首”

  • 在npm run build打好的dist包裡 ,/dist/config/index.js檔案中修改 ['domain']=“/字首” 也可以

(2)給路由加字首:而且路由模式用的是hash,

Vue-cli3:

(1)靜態資源字首:

vue.config.js 中: module.exports ={ publicPath:”/字首" , …...}

(2)頁面路由字首:

router.js裡:export default new Router({ base:”/字首" , })

nginx: nginx的配置我不是很瞭解 放在這裡做個參考

location ^~ /amdin{

alias /home/user/html/manager;
try_files $uri $uri/ /admin/index.html;
}