vue本地代理实现跨域

1.加载不到接口数据，并报此类错误，说明是跨域问题，需要项目本地代理

(

Failed to load https://twww.lvyinglc.com/api/index?random=48162849466258995:Response to preflight request doesn`t pass access control check:No 'Access-Control -Allow-Origin' header is present on the requested resouredc. Origin 'http://localhost:8080' is there fore not allowed access.

)

解决方法：

config->index.js==>添加本地代理

dev: {
  // 本地代理
  proxyTable: {
    '/api':{//将twww.lvyinglc.com印射为/api
      target:'https://twww.lvyinglc.com',// 接口域名
      changeOrigin:true,//是否跨域
      pathRewrite:{
        '^/api':'/api'
      },
      secure: false,// 如果是https接口，需要配置这个参数
    }
  },
}
config->dev.env.js==>更改：  API_ROOT:'"/api"'
　　　　　生产环境prod.env.js不用改

转载于:https://www.cnblogs.com/wssdx/p/9843286.html