Vue.js解决开发生产环境跨域
当解决了这个问题的时候,心里真的太爽了,超级超级超级高兴!!!
跨域问题
当我们要和其他人对接接口的时候,对方可能不会对jsonp的请求做修改,因此传统的跨域方法没有用!这个时候我们就需要自己来解决这些问题
本方法需要满足以下几个条件
- 你最开始的项目是使用
vue init webpack (name项目名)
来生成的,这样生成的目录结构像这样
如果你使用了vue create (name项目名)
来创建项目,本方法将无法使用,建议赶快像我一样用webpack模板来生成吧,看起来也专业一点,复制代码,然后安装依赖就能很快的迁移,vue create 创建出来的目录是这样的
- 你需要安装以下依赖
axios
vue-axios
- 引入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