vue-element-admin 跨域的问题

最新推荐文章于 2024-03-08 20:37:33 发布
最新推荐文章于 2024-03-08 20:37:33 发布
阅读量3.5k 收藏 3
点赞数 2
分类专栏： es6 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hero_rong/article/details/102914412
版权
vue 同时被 2 个专栏收录
53 篇文章 1 订阅
订阅专栏
es6
18 篇文章 1 订阅
订阅专栏

这两天再用 vue-element-admin 框架做项目，直接下下来的话，是用mock模拟的数据，想要真正的调用服务器的地址，需要这么干

1.在 vue.config.js 文件里，把这里的地址换成服务器的地址

2. 在 .env.development 文件里 ，把接口地址换成 自己需要的

3. 在 api 里面对应的文件里，我这里是 table.js 文件里，把接口补全

 

如有不对，请及时指出，O(∩_∩)O谢谢

Hero_rong
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue项目部署后跨域请求后端失败（已解决）
码出精彩
06-30 5632
vue项目部署后跨域请求后端失败（已解决）未解决前解决后解决办法 未解决前 验证码加载失败 解决后 验证码加载成功 解决办法 在 nginx/conf/nginx.conf 下做如下配置 server { listen 8080; # 监听的端口号 server_name 47.115.5.93; # 服务器的ip地址 root /usr/local/nginx/html; # 服务器中项目所在文件夹
vue-element-admin
12-17
结合vue 目前最新技术，及element-ui 等vue辐射产品。着重介绍了 vue vuex axios vue-router es6 等相关技术。
Nginx部署vue项目 浏览器跨域，404，502解决
weixin_45384466的博客
11-10 2410
##2、所有得接口路径都加上/api/(可换做其他的)，我使用得是axios封装得。axios工具类中添加。###4、修改nginx得配置文件，nginx-1.24.0/conf/nginx.conf。上面的nginx中得所有注释使用 ”#“ 不是// 我是用//是因为写文章改的。###3、将打包文件拷贝到nginx得html文件下.###1、vue项目设置。
Vue | 基于 vue-admin-template 项目的跨域问题解决方法
最新发布
狂放不羁霸的博客
03-08 467
一、现存问题 二、解决方法
vue-element-admin跨域问题
Cooper的博客
08-12 1426
今天在使用vue-element-admin出现一个问题 我在后端已经全局处理过跨域问题，而在使用vue-element-admin时间发起第一个login请求没有产生跨域的错误，而在发起第二个info请求时间却出现跨域错误，非常疑惑。 解决办法： 前端使用代理proxy： vue-element-admin已经安装了代理，就不须要从新安装了 在vue.config.js做以下配置 .env.development 中修改 VUE_APP_BASE_API 为 ’ ’ 查看请求包是9528而不是后端接
vue-element-admin proxy 跨域问题
ll13352976097的博客
11-23 461
去 vue.config.js 添加 proxy .env.development （本地、测试环境文件名）(这是环境，这里拿本地环境做例子) .env.production（生产环境文件名） # just a flag ENV = 'development' # base api VUE_APP_BASE_API = '/api' //这里就是匹配 /api 的入口 proxy: { "/api": { target: "http://172.10.11.87:8080/"
使用vue-element-admin框架开发时遇到的跨域问题
weixin_30352645的博客
03-28 1277
使用vue-element-admin框架开发时遇到的跨域问题 之前 使用js和jquery开发时也碰到过接口请求时的跨域问题， 但是在使用vue-element-admin开发也碰到这个问题，而且不能使用之前的方法解决，查过不少资料，找到一个很好的方法解决了这个问题 首先，解决的思路是： 1，原因， 造成跨域的原因是因为我们设置的接口和请求的接口不同造成，而且一般做前后端...
vue-element-admin生产环境配置
makelucky的博客
03-16 7354
线上环境不跨域情况（即前端和后端布置在同一个端口下） 1、vue.config.js 文件中注释掉devserver中的proxy和after 2、request.js文件将baseurl改一下（request文件拦截了所有请求，然后重新请求，这里是否改看个人情况，默认是'/prod'） 3、main.js中注释掉mock服务 线上环境跨域 跟开发环境相似，不需要上述...
vue 服务只能使用localhost，不可用本地IP访问解决
sweet__queen的博客
09-03 3491
方法1.(1)修改index文件的host值，将localhost换成0.0.0.0,此时访问是0.0.0.0：80xx (2) 可在build/webpack.dev.conf.js中找到 devServer：--添加 useLocalIp:true, 方法2.package.json中 scripts： dev：最后添加 --host 0.0.0.0 原因： webpack-dev-server 配置 host 时，默认是localhost。如果想被外部访问，需要 ...
博客搭建（12）-配置vue-element-admin项目接口地址
qq_36767214的博客
03-28 1489
一.修改.env.development文件 二.在vue.config.js中配置proxy proxy: { [process.env.VUE_APP_BASE_API]: { target: process.env.VUE_APP_BASE_API, changeOrigin: true, pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: ''
vue项目设置服务器地址,vue项目配置后端服务器地址
weixin_29058331的博客
08-09 3531
vue项目配置后端服务器地址 内容精选换一换查询负载均衡器状态树。可通过该接口查询负载均衡器关联的监听器、后端云服务器组、后端云服务器、健康检查、转发策略、转发规则的主要信息，了解负载均衡器下资源的拓扑情况。GET /v2/{project_id}/elb/loadbalancers/{loadbalancer_id}/statuses无请求样例GET https://{Endpo弹性负载均衡支持...
tp6-vue-admin:基于thinkphp6+vue2.6+element2.13 前后端分离落地解决方案
05-02
#注意3：开发环境，如果使用代理，解决跨域问题，接口地址在 vue.config.js 设置代理proxy，转到 ，.env.development中的VUE_APP_BASE_API 设置空即可。 #注意4：如果只运行vue-admin前端，则可以把代理转到 #注意5...
vue-cli webpack 开发环境跨域详解
08-30
本篇文章主要介绍了vue-cli webpack 开发环境跨域详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-element-admin快速入门课程
06-29
vue-element-admin是一款后台前端解决方案，使用该框架可以很轻松地帮我们完成后台前端的工作。本课程主要带领同学们完成该框架的入门学习。 本课程首先会对框架的安装，代码目录说明，路由配置项的含义这些基础知识...
基于vue-element-admin的后台权限验证系统
06-21
本课程是基于vue-element-admin实现的后台权限验证系统，解决在前后端分离场景下如何实现前端与后端的动态权限，同时还会讲解基于laravel7.x的restful api接口的开发以及如何在脚手架中进行封装调用 对于前后端将要...
vue-element-admin开发后台权限模块
06-29
本课程是基于vue-element-admin实现的后台权限验证系统，解决在前后端分离场景下如何实现前端菜单访问的动态权限以及如何在脚手架中进行接口的封装调用，您将学习到如下知识： 1、学习如何使用后台集成框架vue-...
vue-element-admin 打包生成外部配置文件修改后端访问地址
xuxingyuan_的博客
12-27 2316
一般，我们前端打包项目之前要先问上级要一个线上环境的访问ip，这样才能确保访问得到。但是，这种方式一般很笨戳，每次都要问，直到我的上级被我问烦了... 上级："你打包的时候能不能生成一个配置文件，里面包含了访问的ip地址，打包好后也可以进行修改，无需再进行打包" 我：“。。。。。。。。” 上级：“我知道你可以的，加油，下一个版本要实现这个功能” 我：“，，，，，，，，，” 于是我开始百度，因为我做的一般是内部管理系统，使用的框架网上现成的框架，vue-element-admin-master，
vue-element-admin 解决跨域问题
HKer_YM的博客
02-12 9073
今天看了很多博客，有的博客解决方法都是以前的，新版貌似不适用! 处理方法来自博客: https://blog.csdn.net/qq_42120178/article/details/102757615 首先，打开vue.config.js，在devServer里，写入如图所示的配置信息， target 为转发的url， 修改.env.development 配置，直接为空就好了 ...
vue-element-admin基本使用
m0_68331234的博客
06-05 2063
vue-element-admin的基本使用和git仓库基本使用
vue-element-admin 跨域问题
05-10
Vue-element-admin 是一个基于 Vue.js 和 Element UI 的后台管理系统模板，涉及到跨域问题，主要是因为它的前端代码和后端接口部署在不同的域名或端口上，导致浏览器的同源策略限制了跨域访问。 解决跨域问题的常用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值