配置一个外部不参与打包文件,里面是请求接口地址相同的部分,可在打包完毕之后的dist文件上全局修改请求地址,无需手动一个一个修改,大大提高了开发的效率。
在vue-cli3.0以上,取消了原先的static文件夹(原来不参与webpack打包的文件),现在vue-cli3+的朋友,可把文件创建在public文件下,此目录里的文件不参与打包,接下来,就该去配置全局的接口地址。
首先,在public文件夹下新建一个config.js,把我们需要的全局地址写进去,这里我是直接在里面创建的。
第二,在配置文件里写上自己需要后期修改的全局变量,如版本号,接口地址等:
第三,注意这里,给大家排坑,很重要!一般全局文件我们都会在main.js里去全局import引入,或者在页面里import,千万不要这么做,import之后的文件,即使你放在public下,依旧会被默认打包,导致全局修改失效,这里可以直接在index.html里进行src引入: