Vue跨域访问，axios&cors

先安装node.js和npm，这个不用说了，直接在创建vue项目，然后实践一下跨域访问。

如果npm安装较慢，可安装淘宝镜像，执行下面命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install cnpm -g

1.全局安装vue-cli：

npm install -g vue-cli

2.全局安装webpack：

npm  install -g webpack

3.初始化项目：

vue init webpack axios_cors(文件名称)

4.切换到项目文件目录下，安装axios：

cd axios_cors
npm install axios

Ps.这里只需要安装axios，microsoft.aspnetcore.cors是服务端支持跨域请求所需要安装的包，npm里并没有这个包

5.跨域访问：

配置代理：config--》index.js

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/apis': {
        target:'http://t.weather.sojson.com/api',//请求域名
        //secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin:true,//如果是跨域访问，需要配置这个参数
        pathRewrite:{
          '^/apis': '/'
        }
      }
    },
…………
  }
}

HelloWorld.vue中请求代码：

页面结果：

/****************************我是可爱的分割线********************************/