vue如何配置服务器端跨域_vue项目里如何配置本地代理实现跨域请求
1、在如图项目配置的index.js文件夹下添加以下一段话
微信图片_20180912182204.png
proxyTable: {
'/rest': {
target: 'http://192.168.20.223:8080',
pathRewrite: {
"^/rest": '/rest'
},
// secure: false,
changeOrigin: true
}
},
代码中的rest只是在请求接口时本人自定义的一个名称,当发起请求的时候,服务器会识别到路径里的/rest,将/rest替换成我们所配置的如:‘http://192.168.20.223:8080’代理ip地址,从而实现跨域请求。
2、代码提交后,必须执行npm run dev 重启一下项目
配完代理,就可以轻松的实现本地的跨域请求了,以上配置不支持公共环境跨域请求,如果需要公共环境跨域请求的话,需要在nginx上配置代理
3、下面给一个如何用配好代理请求后端地址的列子
let url = "/rest/robot/case/caseList?page=1&size=25";
let param = {}
this.$http.post(url,param)
.then(result => {
if (result.data.success) {
} else {
}
})
.catch(error => {
console.log(error)
});
vue如何配置服务器端跨域_vue项目里如何配置本地代理实现跨域请求相关推荐
- vue 项目难点_Vue 项目里戳中你痛点的问题及解决办法
一.先总结出如下几点vue项目开发中常见的问题及解决办法. 列表进入详情页的传参问题. 本地开发环境请求服务器接口跨域的问题 API接口的统一管理 UI库的按需加载 定时器问题 rem文件的导入问题 ...
- idea配置gradle 仓库_在IDEA里gradle配置和使用
在IDEA里gradle配置和使用 前言 有人说Gradle使用groovy语言编写,简单,明了没像maven使用xml臃肿,其实我倒不觉得,我觉得maven挺好的,管理jar依赖和项目生命周期挺方便 ...
- vue 表格内容跳转页面_Vue项目实战系列文章(一)项目预热
配置环境 安装nodejs (https://nodejs.org) 检验: node -v npm -v 创建项目 vue init webpack business(目录名称) 项目代码结构 sr ...
- vue导入非es6 js文件_Vue项目兼容IE11
Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性.但对于 IE9+,Vue 底层是支持. 由于开发过程中,我们经常会使用一些第三方插件或组件 ...
- vue 判断页面加载完成_vue项目搭建及总结
一.vue的两种安装方式 (1)直接在html中引入vue.js (2)通过vue+nodeJS搭建 我们采用的是第二种方式 二.vue和nodeJS的关系 (1)nodeJS不是一个js框架,是一个 ...
- vue怎么vw布局好用_Vue项目中使用vw实现移动端适配-阿里云开发者社区
我们在vue移动端项目中的适配一般都采用rem,但是rem也不是能兼容所有的终端. 随着viewport单位越来越受到众多浏览器的支持,下面将简单介绍怎么实现vw的兼容问题,用vw代替rem 当我们采 ...
- vue的边距怎么设置_Vue项目如何适应浏览器,去除容器控件与浏览器四周的距离...
刚开始Vue项目中用了Container容器,运行之后,页面上容器的header距离浏览器的顶部有一段距离,然后找到了App.vue的样式,把(margin-top:60px)去掉了.之后运行发现依然 ...
- 使用Vue-cli从零开始搭建Vue全家桶(仿b站客户端)项目(1.环境配置、实现登录功能)
1.前言 技术栈:Vue全家桶+Element.ui组件库+Axios 功能:具有登录.配置个人信息.修改个人头像.发布评论.发布动态等功能 话不多说,先看成品动图,也可点击此链接进行 ...
- vue 组件监听页面切换_vue项目如何监听窗口变化,达到页面自适应?
[自适应]向来是前端工程师需要解决的一大问题--即便作为当今非常火热的vue框架,也无法摆脱--虽然elementui.iview等开源UI组件库层出不穷,但官方库毕竟不可能满足全部需求,因此我们可以 ...
最新文章
- background-attachment: fixed的用法
- 水来了,数据中心如何做好防汛防洪措施?
- input按钮中的onclick事件
- 斯坦福CS231n项目实战(四):浅层神经网络
- CodeForces - 501C Misha and Forest(拓扑排序)
- leetcode-349-两个数组的交集
- JS-内置对象-Boolean-Number-String-Math-Date-Array
- 王校长一分钟能吃多少热狗?| 小游戏
- .net中实现文件下载的几种方法(收藏)
- android handler的机制和原理_Android基础(7)—异步消息处理机制 Handler
- Android Studio运行程序出现Session ‘app’: Error Launching activity 解决办法
- 设计模式之策略模式:模拟鸭子
- 单点登录(SSO)-- 实现单点登录的几种方式
- HTML 下拉式菜单
- 三菱PLC以太网MC通讯协议模块
- 一张图读懂一个产业短视频第6期
- NYOJ 32 组合数
- 怎样不改变图片像素把图片压缩到20KB以内?
- 基于ssm快递物流管理系统源码获取(java毕业设计)
- Win10系统 默认以管理员权限运行所有程序
热门文章
- HOG + SVM 实现图片分类(python3)
- oracle first_rows怎么用,优化模式区别(all_rows first_rows_n)
- php http 类,php写的http请求封装类
- rc时间常数公式_你知道RC电路和RL电路中时间常数的来源以及和时间的关系吗?...
- Win11怎么打开以前的word文档
- 手机优酷怎么删除自己发的弹幕
- 番茄花园win11 32位官方纯净版镜像v2021.07
- Mybatis源码分析之(四)mapper访问数据库的底层原理(代理方法中具体访问数据库的细节)
- @MapperScan和@ComponentScan使用问题
- 谈谈对ThreadLocal的理解?(基于jdk1.8)