vue接口路径配置

在个人开发中，大多说vue的封装是固定形式
是写在文件中，切不可更改
例：

URL: 'http://127.0.0.1:8182/',
axios()//方式
ajax()//方式

如何在项目封装后依然可以更改？

创建文件

在根目录下创建static文件夹（现版本要放在public中，哪个行用哪个）
并创建config.json文件

{
  "name": "static",
  "version": "1.0.0",
  "url": "http://127.0.0.1:8183/",
  "dependencies": {},
}

在json中可以放版本号，项目名、后台路径、以及文件路径

axios获取json文件内容

使用async await进行同步请求

export default async function request(config) {
//public/config.json
await axios.get('static/config.json').then(res => {
    console.log(res.data.url)
    URL = res.data.url
  })
axios()//方法
ajax()//方法
}

在这样的请求的的时候，在 json文件不混乱的情况下，不需要考虑将内容提前预置在vuex缓存中，差距人的反应是感受不到的，甚至可能会因为某种原因丢失就得不偿失了