1.在项目文件的static文件夹中创建一个config.json文件,用于存放项目所使用的url配置项
2.在项目文件的src文件夹中创建一个geturl.js文件,写一个函数getConfigUrl(),用于获取config.json文件中的json对象
3.在main.js文件中,将getConfigUrl()函数从geturl.js文件引入到根实例中,即可在项目中使用
4.在build文件夹的webpack.prod.conf.js文件内,output节点中添加publicPath: "./"
5.将run build 编译出来的dist文件,整体复制到服务器的nginx的发布目录下,将dist文件夹重命名成项目名称,修改复制到服务器的static文件夹内的config.json文件中url内容,使切换至服务器地址即可访问
后来又出现了问题,发现config.json文件读取的路径还是存在问题,于是不在geturl.js文件获取config.json文件内容了,改为直接在main.js的根实例下,created中用axios获取.json文件,通过对dev模式和build模式的判断,来使用不同的url进行请求。
这种方法可以实现在服务器修改url配置文件,达到切换目的,但仍然感觉不是完美解决,如果有其他解决方法,还希望多多交流