背景:
同個域名下需要有 PC 管理后臺, H5 端, 企業微信 ......等多個端, 需要在一個域名下通過不同的路徑來區分不同的項目; 例如: abc.com/pc,? abc.com/h5, abc.com/wx-work....
此處做個記錄
步驟:
1. 修改?vue.config.js 中的 publicPath
module.exports = {outputDir: 'dist',publicPath: '/wx-work/', // 此處配置為你實際需要的路徑
};2. 修改 router.js 中 new Router 部分
const router = new Router({routes,base: "/wx-work/", // 此處配置為你實際需要的路徑mode: "history",
})3. 文件上傳到服務器, 此處以Linux + Nginx 為例
4. 修改Nginx 配置文件
server {listen 80;server_name 127.0.0.1;location /wx-work {alias /www/wwwroot/wx-work/;index index.html;try_files $uri $uri/ /wx-work/index.html;}
}5. 訪問效果
http://abc.com/wx-work/
)
