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

2024-01-09 09:38:21

一、业务场景：
在本地项目跑起来了，访问时想在所有路径后面加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
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。