vuecli4中配置打包使用相对路径

元气满满，直接干！

使用vuecli4进行项目打包时，默认使用的是根目录的方式，这样打包直接项目直接运行就是一个大白屏，非常难受！

这时我们就需要在设置打包使用相对目录的方式，设置过程非常简单。

1. 在vuecli跟目录下添加 `vue.config.js`作为配置文件

2. 添加以下配置：

module.exports = {
	//配置 运行和打包时的文件路径
	publicPath:process.env.NODE_ENV==='production'?'./':'/',
	devServer:{
		    // 设置服务器路由 （app为express服务对象）
		before(app) { 
		      // app.post('/api/login', function (req, res) {})
		    },
		//内置服务器设置路由代理（自己处理不了的自动转发）
		proxy:"http://127.0.0.1:8080"
	}
}

3. 重新编译项目。

非常好用！

标签：vuecli4,app,相对路径,打包,设置,服务器,路由
来源： https://blog.csdn.net/sun_chen_93/article/details/119203846