Vue-admin工作整理（十五）：Ajax-跨域问题

最新推荐文章于 2023-07-14 12:07:00 发布

weixin_30478923

最新推荐文章于 2023-07-14 12:07:00 发布

阅读量98

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/cristin/p/9641701.html

版权

跨域的定义：

解决方法：

　　1、前端通过配置来解决跨域问题：自定义的vue.config.js配置文件来进行跨域处理：就是只要存在跨域现象都会代理到一个指定的地址上

devServer: {
    proxy: 'http://localhost:4000'
  }

　　2、服务端是通过前端塞一些header值来解决跨域：

app.all('*',(req, res, next) => { // 为所有的请求response都增加这个header
res.header('Access-Control-Allow-Orgin', '*')  // 允许访问的域：*（所有）
res.header('Access-Control-Allow-Headers','X-Requested-With,Content-Type'） // 设置允许的header
res.header('Access-Control-Allow-Methods','PUT,POST,GET,DELETE,OPTIONS') // 设置允许的方法
next()
})

例子：

　　1、home页添加按钮：请求数据，

转载于:https://www.cnblogs.com/cristin/p/9641701.html