axios解决跨域问题

什么是跨域

浏览器基于安全考虑，有同源策略的限制。所谓同源，就是两个页面具有相同的协议，域名以及端口号。所以如果请求页面的url和被请求页面的url的协议、域名或端口号中三者有一各不同，那么这个请求就被视为跨域了。

axios解决跨域问题

因为服务器端是不存在跨域问题，所以我们可以对发送的axios请求进行代理。
具体步骤：
1）在项目根目录下新建vue.config.js文件
2）进行代理配置

module.exports = {
  devServer: {
    proxy: {
      '/': {
        // 目标地址
        target: 'http://localhost:8080',
        // 是否跨域
        changeOrigin: true,
        //  路径重写，也就是说当路径为http://localhost:8080/hello 写成 /hello就可以了
        pathRewrite: {
          '^/': ''
        }
      }
    }
  }
}