一、业务场景:
在本地项目跑起来了,访问时想在所有路径后面加dev进行访问
二、目前效果
三、具体实现步骤:
(1)实现静态文件加前缀
- 在vue.config.js文件里改变路径
publicPath: process.env.NODE_ENV === "production" ? "/dev/" : "/dev/",
(2)更改router模式,添加前缀
- 在配置路由模式的地方加上 base参数
export default new Router({
base: "/dev",
mode: 'history',
routes: constantRouterMap
})
四、运行项目
- 根据package.json文件中的启动命令把项目跑起来
npm run serve
五、效果展示:
你已经成功了,撒花。
今天的分享到此结束,欢迎小伙伴们一起交流