vue3.0项目打包后修改访问后端地址

问题:原本是将访问后台的地址写在代码里面,但是这样的话打包之后就不能修改了,只能在代码里面修改,然后重新打包

 

解决:在vue3.0之前的版本,项目目录有static不会被打包,而在vue3.0项目目录没有static文件夹,但是有public文件夹是不会被打包(因此有些没有npm的插件或者包应该放在public目录下),所以在public目录下创建一个js文件,命名为config.js

vue3.0项目打包后修改访问后端地址_第1张图片

在里面添加代码, 定义BASE_URL为要访问后台接口的地址

在index.html里面添加代码该文件

最后在需要的地方引用它

window.global_config.BASE_URL

这样配置完了无论是在打包后还是在开发中都可以正常访问后台

执行命令打包项目

npm run build

在打包好的dist,目录下的config.js文件里面就可以改后端接口地址啦~~~~ 

vue3.0项目打包后修改访问后端地址_第2张图片

你可能感兴趣的:(项目打包,vue,数据交互)