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

发布时间:2024年01月09日

一、业务场景:
在本地项目跑起来了,访问时想在所有路径后面加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

五、效果展示:
在这里插入图片描述

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

文章来源:https://blog.csdn.net/m0_46183499/article/details/135462113
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。