vue中解决跨域问题

1，在servicejs中，主要看 baseURL: 'apis',

/**
 * @description 创建请求方法
 * @param {Object} service axios 实例
 */
function createRequestFunction (service) {
  return function (config) {
    const token = localStorage.getItem('token')
    const configDefault = {
      headers: {
        Authorization: token,
        'Content-Type': get(config, 'headers.Content-Type', 'application/json')
      },
      timeout: 150000,
      baseURL: 'apis'
    }
    return service(Object.assign(configDefault, config))
  }
}

2，在vue.confgi.js里面写法如下

devServer: {
    publicPath, // 和 publicPath 保持一致
    disableHostCheck: process.env.NODE_ENV === 'development', // 关闭 host check，方便使用 ngrok 之类的内网转发工具
    proxy: {
      '/apis': { // 这里最好有一个 /
        target: 'http://192.168.2.166:8080/', // 后台接口地址
        ws: true, // 如果要代理 websockets，配置这个参数
        secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/apis': ''
        }
      }
    }
  },