axios解决调用后端接口跨域问题

Posted 2021-01-31 Ghost的前端日志

vue-cli通过是本地代理的方式解决接口跨域问题的。但是在vue-cli的默认项目配置中这个代理是没有配置的，如果现在项目中使用，必须手动配置config/index.js文件

...
proxyTable: {
      ‘/api‘: {    //将www.exaple.com印射为/apis
        target: ‘https://www.example.com,  // 接口域名
        secure: true,  // 如果是https接口，需要配置这个参数
        changeOrigin: true,  //是否跨域
        pathRewrite: { // 如果接口本身没有api的路径，那么这里将发送到后端的请求重写为没有api的路径
          ‘^/api‘: ‘/‘ 
        }
      }
    }
...

重新npm run dev即可