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

最新推荐文章于 2023-06-06 10:18:55 发布

VIP文章 Andrew@csdn

最新推荐文章于 2023-06-06 10:18:55 发布

阅读量1.4k

点赞数 3

分类专栏： Vue.js Node.js 文章标签：跨域 Vue axios

本文链接：https://blog.csdn.net/xzy565143480/article/details/102262104

版权

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

当我们要和其他人对接接口的时候，对方可能不会对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

关注