1. vue本地项目调试线上接口出现跨域问题
2. 通过在 config/index.js 配置文件中找到proxyTable配置项

dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {
        target: 'http://XX.XX.XX.XX:8083',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'   // 这种接口配置出来实际请求     http://XX.XX.XX.XX:8083/api/login
          //'^/api': '/' 这种接口配置出来实际请求 http://XX.XX.XX.XX:8083/login
        }
      }
    }
  },

3. 配置完成后需要重新编译一遍 , 调用接口的时候

 // 获取菜单权限
      getPermission(){
        this.$ajaxget({
          url: '/api/getPermission',
          data: {},
          isLayer: true,
          successFc: data => {
            console.log(data.data)
          }
        })
      },

4 . 因为我的项目接口中 是存在 ‘/api’ 这个字段的 所以我选择的是第一种配置

图解

效果图:

效果图: