Vue项目在本地跑起来 所有路径前面想加入前缀进行访问配置

一、业务场景:
在本地项目跑起来了,访问时想在所有路径后面加dev进行访问

二、目前效果Vue项目在本地跑起来 所有路径前面想加入前缀进行访问配置_第1张图片
三、具体实现步骤:
(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

五、效果展示:
Vue项目在本地跑起来 所有路径前面想加入前缀进行访问配置_第2张图片

你已经成功了,撒花。
今天的分享到此结束,欢迎小伙伴们一起交流

你可能感兴趣的:(vue.js,前端,javascript,前端框架,ecmascript)