美文网首页Vue
前端跨域问题

前端跨域问题

作者: 陈永仁lol | 来源:发表于2019-12-02 14:49 被阅读0次

框架:vue

脚手架版本:vue-cli3以上

问题:即使后台配置了跨域,前端还是没办法请求。

解决:前端设置代理

在vue-cli3版本以上,我们是找不到config.js的配置文件的,所以我们要自定义一个vue.config.js来配置代理。

代理的实现很简单。

这样就可以实现代理

注意的是:

我们的请求可以直接用api作为基础路径。

直接用api作为请求路径

这个时候我们在开发环境下就可以进行跨域请求了。

当我们打包项目到线上测试的时候,会发现,请求的地址不对,原因是打包之后的请求是不存在跨域的。

请求地址会变成: ‘基础请求路径’+‘api’+'路径'

所以,这个时候我们是不需要进行代理的。我的做法有点过于简单,就是直接把请求中的api去掉。

但其实,最好的方法,还是在一开始定义开发环境变量和生产环境变量。

这个还没深究,到时补充

相关文章

  • 跨域访问

    参考文献:jsonp解决跨域问题 . cors解决跨域问题 . (java+前端小白)第一次碰到跨域问题,小伙伴们...

  • 前端踩过的坑

    关于前端 跨域问题 大概问题 1,前端无须处理,需要在后台配置 niginx的配置 处理跨域的域名 关于布局上 ...

  • django跨域配置

    前言——跨域请求 前端对Cross-Origin Resource Sharing 问题(CORS,中文又称'跨域...

  • Day 100/100 Vue3.0 & Vue-cli4.5

    写在前端的话 除了后端解决跨域问题前端可以解决吗?答案是可以~~~ (一)问题 遇到了跨域问题,本地的URL是 h...

  • [mark]九种跨域方式实现原理

    前端如何使用proxyTable和nginx解决跨域问题 前言 前后端数据交互经常会碰到请求跨域,什么是跨域,以及...

  • 新增-后端跨域

    前端程序 后端程序 现在请求无法,到达需要解决跨域问题 每个servlet单独做跨域设置 跨域过滤器

  • webpack4基本使用(四)-跨域-环境变量

    16 wepack跨域问题 通过前端代理实现跨域 如果前端只是模拟数据时,我们可以使用devServer 自带的e...

  • 关于设置env等环境变量的思考

    1、如何处理跨域后台处理跨域前端处理跨域浏览器处理跨域 前端本地处理跨域:代理线上跨域的处理方式:Nginx反向代...

  • 跨域

    博客 说说跨域那些事儿 不要再问我跨域的问题了 前端常见跨域解决方案(全) 同源策略 JSONP(填充式JSON)...

  • Javascript跨域整理

    在前端的JS请求中,跨域的问题经常存在,根据不同的实现原理,常见的跨域的方法如下: 一:前端的方式 1:在前端页面...

网友评论

    本文标题:前端跨域问题

    本文链接:https://www.haomeiwen.com/subject/ygxfgctx.html