Vue.js解决开发生产环境跨域

Vue.js解决开发生产环境跨域

当解决了这个问题的时候，心里真的太爽了，超级超级超级高兴！！！

跨域问题

当我们要和其他人对接接口的时候，对方可能不会对jsonp的请求做修改，因此传统的跨域方法没有用！这个时候我们就需要自己来解决这些问题

本方法需要满足以下几个条件

1. 你最开始的项目是使用vue init webpack (name项目名)来生成的，这样生成的目录结构像这样
   
   如果你使用了vue create (name项目名)来创建项目，本方法将无法使用，建议赶快像我一样用webpack模板来生成吧，看起来也专业一点，复制代码，然后安装依赖就能很快的迁移，vue create 创建出来的目录是这样的
   
2. 你需要安装以下依赖
   • axios
   • vue-axios
3. 引入vue-axios

//main.js
import Vue from 'vue'
import App from './App.vue'

import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

然后在具体页面内就可以使用axios

this.axios
        .get('/Car', {
        //这里是经过下面api代理过的地址，一般我们需要输入整个链接
          params: {
   
            Sign: Sign
          }
        })
        .then