1.访问接口 我们需要访问接口【http://localhost:28775/api/User/LoginUser】 2.修改 1)修改env.development的【VUE_APP_BASE_API】 2)在vue.config的devServer新增proxy,并且注释掉before proxy: {'/api': { target: `http://localhost:28775/`,changeOrigin:true, ws:false} } 3)将baseURL改成【''】 ...
3)将baseURL改成【''】 4)修改接口(我这里是为了访问登录接口) 对应的接口字段记得根据需要自行修改 访问:
官网地址:https://panjiachen.gitee.io/vue-element-admin-site/zh/ github地址:https://github.com/PanJiaChen/vue-element-admin 由于该框架默认使用mock js模拟数据,在结合后台实际运用中我们需要访问后台api,所以第一步就是配置后台api地址。 1、编辑.env.development文件 2、修改vue.config.js 如图在devServer对...
config目录:全局配置 node_modules目录:项目依赖模块 src:项目源代码 static:静态资源 package.jspon:项目信息和依赖配置 config ├── index.js // 修改useEslint:true,值修改为false └── dev.env.js // 修改访问后端接口地址 1. 2. 3. src ├── api // 各种接口,定义调用方法 ├── assets //...
vue.config.js中找到devServer中的proxy配置如下: 1638778597.png 以上就已经完成了vue-element-admin 跨域配置 有的小伙伴就会问,虽然我的接口请求成功了,但是我请求的地址为什么还是我的locohost地址 原因:反向代理本质上就是请求本地server转发到代理server,而不是重定向 ...
第一步,配置环境变量 .env.development 在.env.development有默认VUE_APP_BASE_API,我们现在为请求腾讯地址API再声明一个全局变量VUE_APP_BASE_API_TX # 请求后台专用接口全局变量 VUE_APP_BASE_API = '/dev-api' # 请求腾讯地址全局变量 VUE_APP_BASE_API_TX = '/iotfrontapi' ...
chore:代码检测和格式化配置 1年前 .env.development docs:补充代理配置线上接口注释 1年前 .env.production chore:代理目标地址修改 1年前 .env.staging chore:代理目标地址修改 1年前 .eslintignore chore:代码检测和格式化配置 1年前 .eslintrc-auto-import.json ...
方法三:在Nginx上做端口转发,Django只提供api接口,通过配置CROS和vue跨域交换数据。 这里使用方法三,理由是前后端完全分离,便于开发,加快后端狗的开发速度。 开始 ———Step1nginx配置— —— listen 80; location /api/ { proxy_pass http://localhost:8000; } ...
接口二:获取用户信息 http://localhost:9999/youlai-admin/users/current 以上就是按照mock数据制作的后台接口。 3.移除mock 1. vue.config.js http://localhost:9999为后台地址 为什么添加配置devServer.proxy进行代理转发? 因为前后端分离,就算是本地开发调试,也会因为端口不同而满足跨域请求条件,而浏览器禁止跨域...
本地开发环境中替换成我们自己后端服务地址(修改配置文件后需要npm run dev 重启服务,不然不会生效!!) 然后可以回到登入页面,发起请求。 我们可以右键-审查元素,查看自己发送的请求情况 如上图,可以看到自己发送请求的路由与接口返回的信息(具体详细的自己百度一下哈) ...