使用vue+webpack创建项目的时候会自动生成一个static文件夹,在static文件夹里面我们可以放一些会经常变化的文件或者照片啥的,但是用的时候需要写上绝对路径。由于项目需要,在开发时的接口地址跟部署的接口地址不一致,所以我们要弄成可配置的,即单独出来一个js文件放我们的接口地址,然后希望该js文件不被打包进去,同时也就希望这个js文件里面的内容不被打包,这样在项目打包后我们也可以对接口进行修改。
1、在static目录下新建一个js文件来存放我们的接口地址
上面的apiUrl放置了开发时的接口地址
2、我们需要把接口地址作为全局变量使用,在项目的根目录下创建.eslintrc.json文件来放置我们的全局变量
设置为false是说明该变量为可读而不可写的,为true就是可写的
3、接下来就是在index.html页面使用