在vue+webpack项目中，将接口地址存放在static目录下的js文件中，通过.eslintrc.json定义全局变量，并在index.html中用script标签引入，避免打包。调整publicPath适应生产环境，打包后手动调整引入文件顺序，实现接口地址的灵活配置。
使用vue+webpack创建项目的时候会自动生成一个static文件夹，在static文件夹里面我们可以放一些会经常变化的文件或者照片啥的，但是用的时候需要写上绝对路径。由于项目需要，在开发时的接口地址跟部署的接口地址不一致，所以我们要弄成可配置的，即单独出来一个js文件放我们的接口地址，然后希望该js文件不被打包进去，同时也就希望这个js文件里面的内容不被打包，这样在项目打包后我们也可以对接口进行修改。
1、在static目录下新建一个js文件来存放我们的接口地址
上面的apiUrl放置了开发时的接口地址
2、我们需要把接口地址作为全局变量使用，在项目的根目录下创建.eslintrc.json文件来放置我们的全局变量
设置为false是说明该变量为可读而不可写的，为true就是可写的
3、接下来就是在index.html页面使用
最低0.47元/天 解锁文章
5457
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
