文件名称 | 版本号 | 作者 | 版本 | |
---|---|---|---|---|
新版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
})
效果:
今天的文章新版Vue项目配置项目名称-publicPath-前端_v1.0.2分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/28749.html