vue 2.x 版本 vue.config.js 配置跨域踩坑！！！

最新推荐文章于 2024-07-12 19:13:19 发布
最新推荐文章于 2024-07-12 19:13:19 发布
阅读量610 收藏 6
点赞数
分类专栏： 踩坑记录 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36953218/article/details/126878874
版权
在Vue 2.x项目中遇到vue.config.js的跨域配置失效问题，经过搜索了解到可能是版本差异导致。解决方案是将proxy配置移到index.js的proxyTable中，无需保留原proxy名称。这样成功解决了跨域问题，提醒开发者注意此变更。
摘要由CSDN通过智能技术生成

 之前一直用 vue.config.js 文件配置跨域，过段时间写新项目，发现这种方法失效了？！

上csdn大学搜了一圈之后发现有网友说版本问题，vu 2.x 版本不支持这种配置方法（可我之前一直这样用的啊？？不理解）

然后就按照网友的方法重新配置了一下：

vue2.x跨域处理（vue.config.js不起作用）_cxt104926的博客-CSDN博客_vue.config.js 不起作用

 合着这不就是把 vue.config.js 里面的 proxy 配置项换到了 index.js 里面的 proxyTable 嘛？

但我还是乖乖照办了：

 结果还真成了：

合着就是换了个地方呗，离谱！！！

最后：

踩坑提醒：

是在 proxyTable 配置项里直

最低0.47元/天 解锁文章
Y-ygoum-
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2.x跨域处理（vue.config.js不起作用）
Q_Q104926的博客
03-09 3059
vue2.x跨域处理（proxy请求转发） 问题 刚刚入门vue，想实现vue页面请求后端验证码图片和登录功能。作为小白的我需要不断的摸索前进。 后端提供，前端发送请求，似乎很简单的一个请求就可以解决，我刚开始也是这么想滴，但是，写完发现有草率了。我前端的端口是8088，服务端的端口是2020，F12查看，发现获取验证码的请求怎么都发送在前端，故而页面显示空白。 度娘发现需要在前端做一个代理转发，那就按照度娘的结果一步步来吧。 这里已经安装axios。 ① 建立一个vue.config.js 文件，
Vue 2.x 的跨域配置
记录与分享
03-22 1567
最近才开始学Vue，遇到了一个老生常谈的问题。 我在本地开发时需要调用服务器上部署的接口服务，因为跨域所以访问失败了。 那在Vue 2.x中该如何配置呢？ （因为还不清楚2.x与3.x是否相同，故这边写明了是2.x） 其实只需要在vue.config.js配置文件中增加一条代理的配置 module.exports = { // 省略其他配置 devServer: { proxy: { '/improved-enigma-api': {
vue.config.js代理配置不生效，搞不明白了
Kg_tac的博客
08-04 285
搞不明白了 跨域设置完全不生效。
vue跨域vue.config.js不生效
最新发布
qq_65232359的博客
07-12 160
vue3创建的项目在vite.config.js中修改添加proxy配置。
vue前端vue.config.js配置跨域问题处理
lzydjy的博客
06-10 517
module.exports = { devServer: { //以上的ip和端口是我们本机的;下面为需要跨域的 proxy: { '/api': { // 拦截以 /api 开头的接口 target: 'http://localhost:('自己后台端口号')/',//设置你调用的接口域名和端口号 别忘了加http changeOrigin: true, //这里...
Vue2.X开发时解决跨域
Lon_wang的博客
08-22 315
1.找到config文件夹 2.在inde.js文件中找到proxytable{} 3.添加代码 proxyTable: { '/api': { target: 'http://xxxxxx.com', // 请求的接口的域名 // secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: true, // 如果接口跨域，需要进行这个参数配置 pathRewrite: { '^/api': '' }
vue config.js 配置跨域不生效
热门推荐
mike_95的博客
12-02 1万+
vue config.js 配置跨域不生效 首先，我的config.js文件没有问题 module.exports = { devServer: { open: true, host: 'localhost', port: 8080, https: false, hotOnly: false, proxy: { // 配置跨域 '/api': { target: '',//后端接口地址 ws: tru
vue（2.x，3.0）配置跨域代理
10-15
对于Vue 2.x版本，配置代理通常是在项目根目录下的`config`文件夹中的`index.js`文件内进行。具体操作是添加`proxyTable`配置，指定需要代理的API前缀路径以及其对应的代理目标服务器地址，并开启`changeOrigin`选项...
跨域文档.mdvue.config.js配置跨域vue.config.js配置跨域vue.config.js配置跨域
05-23
vue.config.js配置跨域
vue - vue.config.js中devServer配置方式
10-16
在Vue.js开发过程中，`vue.config.js` 文件是用于配置项目的，特别是对于开发环境的设置。其中，`devServer` 配置对象是至关重要的，因为它控制着开发服务器的行为，包括如何处理跨域请求、代理服务器设置以及端口...
vue.config.js配置跨域
02-08
vue.config.js配置跨域的方法，包含vue.config.js，request.js（自己封装的axios），api示例文件（login.js），并包含使用说明.docx，详细说明了各项配置的含义，可以帮助初学者解决前后端请求中的跨域问题。...
vue.config.js 配置跨域
04-24
vue.config.js 配置跨域
vue2.x 从vue.config.js配置到项目优化
qq_38734862的博客
04-23 4355
vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。
Vue2.x/Vue3.x跨域问题小白教程
Amoduo1的博客
10-21 487
Vue2.x/Vue3.x跨域问题小白教程Vue2.x版本跨域问题解决新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 Vue2.x版本跨域问题解决 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想
Vue2 系列：vue.config.js 参数配置
weixin_64684095的博客
06-29 9486
注意：其值应该是一个对象，对象的 key 是入口的名字，value 是：1.一个指定了 entry, template, filename, title 和 chunks 的对象 (除了 entry 之外都是可选的)；说明：部署应用包时的基本 URL，例：https://www.my-app.com/my-app/，则设置 publicPath 为 /my-app/说明：放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。默认值：'index.html'
vue.config.js解决跨域的办法
webgreenhorn的博客
06-17 388
module.exports = { //解决打包时白屏问题 publicPath : "./", //配置vue-cli服务器 devServer : { //端口号 port : 8888, //是否自动打开 open : true, //主机名 host : "localhost", //关闭https协议 https : false, //配置跨域 proxy : { //代理名称 "/api" : { //要跨域的公共接口地址
vue配置跨域无效问题
竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生
04-02 9754
vue配置proxy跨域代理后还是提示跨域问题 🔥多半是没有正确配置使用 proxy 检查配置使用 vue.config.js配置proxy devServer: { open: true, host:'88.1.131.35',//用来启动Network port: 8000, proxy: { '/api': { target: 'http://xxxxxxxxxx:8000', changeOri
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值