新版Vue项目配置项目名称-publicPath-前端_v1.0.2
文件名称版本号作者qq版本新版Vue项目配置项目名称-publicPath-前端v1.0.0学生宫布8416837webpack 4.28.4文章目录js配置js配置vue.config.jsmodule.exports = {publicPath: process.env.NODE_ENV === "production" ? "/ui-pro" : "/ui",... ...router/in
·
文件名称 | 版本号 | 作者 | 版本 | |
---|---|---|---|---|
新版Vue项目配置项目名称-publicPath-前端 | v1.0.2 | 学生宫布 | 8416837 | webpack 4.28.4 |
文章目录
js配置
- 定义全局变量,可参考如何在vue项目定义全局变量
将全局变量写到对应文件:
文件 | 环境 |
---|---|
.env.development | 开发 |
.env.staging | 发布 |
.env.production | 生产 |
如,文件名称:.env.development
,打开,在其中写入👇,须VUE_APP_
做前缀
VUE_APP_CONTEXT_PATH=/ui-dev
使用这个变量:process.env.VUE_APP_CONTEXT_PATH
替换硬编码写法"/ui"
- vue.config.js
module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "/ui-pro" : "/ui", // 或使用process.env.VUE_APP_CONTEXT_PATH
... ...
- router/index.js
export default new Router({
// 新增base配置 解决项目名称问题
base: '/ui', // 或使用process.env.VUE_APP_CONTEXT_PATH
mode: 'history', // 去掉url中的#
scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes
})
效果:
更多推荐
已为社区贡献3条内容
所有评论(0)