Vue 打包後靜態資源加字首,頁面路由加字首,修改靜態資源訪問路徑
阿新 • • 發佈:2020-10-21
記錄一下做過的需求,瞭解的不多,有不對的地方請指出,謝謝~
需求是:同一個的服務的同個埠號,根據後面接著的內容不同訪問不同的管理系統。
舉個例子: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{
try_files $uri $uri/ /admin/index.html;
}