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项目里如何配置本地代理实现跨域请求相关推荐

  1. vue 项目难点_Vue 项目里戳中你痛点的问题及解决办法

    一.先总结出如下几点vue项目开发中常见的问题及解决办法. 列表进入详情页的传参问题. 本地开发环境请求服务器接口跨域的问题 API接口的统一管理 UI库的按需加载 定时器问题 rem文件的导入问题 ...

  2. idea配置gradle 仓库_在IDEA里gradle配置和使用

    在IDEA里gradle配置和使用 前言 有人说Gradle使用groovy语言编写,简单,明了没像maven使用xml臃肿,其实我倒不觉得,我觉得maven挺好的,管理jar依赖和项目生命周期挺方便 ...

  3. vue 表格内容跳转页面_Vue项目实战系列文章(一)项目预热

    配置环境 安装nodejs (https://nodejs.org) 检验: node -v npm -v 创建项目 vue init webpack business(目录名称) 项目代码结构 sr ...

  4. vue导入非es6 js文件_Vue项目兼容IE11

    Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性.但对于 IE9+,Vue 底层是支持. 由于开发过程中,我们经常会使用一些第三方插件或组件 ...

  5. vue 判断页面加载完成_vue项目搭建及总结

    一.vue的两种安装方式 (1)直接在html中引入vue.js (2)通过vue+nodeJS搭建 我们采用的是第二种方式 二.vue和nodeJS的关系 (1)nodeJS不是一个js框架,是一个 ...

  6. vue怎么vw布局好用_Vue项目中使用vw实现移动端适配-阿里云开发者社区

    我们在vue移动端项目中的适配一般都采用rem,但是rem也不是能兼容所有的终端. 随着viewport单位越来越受到众多浏览器的支持,下面将简单介绍怎么实现vw的兼容问题,用vw代替rem 当我们采 ...

  7. vue的边距怎么设置_Vue项目如何适应浏览器,去除容器控件与浏览器四周的距离...

    刚开始Vue项目中用了Container容器,运行之后,页面上容器的header距离浏览器的顶部有一段距离,然后找到了App.vue的样式,把(margin-top:60px)去掉了.之后运行发现依然 ...

  8. 使用Vue-cli从零开始搭建Vue全家桶(仿b站客户端)项目(1.环境配置、实现登录功能)

    1.前言         技术栈:Vue全家桶+Element.ui组件库+Axios 功能:具有登录.配置个人信息.修改个人头像.发布评论.发布动态等功能 话不多说,先看成品动图,也可点击此链接进行 ...

  9. vue 组件监听页面切换_vue项目如何监听窗口变化,达到页面自适应?

    [自适应]向来是前端工程师需要解决的一大问题--即便作为当今非常火热的vue框架,也无法摆脱--虽然elementui.iview等开源UI组件库层出不穷,但官方库毕竟不可能满足全部需求,因此我们可以 ...

最新文章

  1. background-attachment: fixed的用法
  2. 水来了,数据中心如何做好防汛防洪措施?
  3. input按钮中的onclick事件
  4. 斯坦福CS231n项目实战(四):浅层神经网络
  5. CodeForces - 501C Misha and Forest(拓扑排序)
  6. leetcode-349-两个数组的交集
  7. JS-内置对象-Boolean-Number-String-Math-Date-Array
  8. 王校长一分钟能吃多少热狗?| 小游戏
  9. .net中实现文件下载的几种方法(收藏)
  10. android handler的机制和原理_Android基础(7)—异步消息处理机制 Handler
  11. Android Studio运行程序出现Session ‘app’: Error Launching activity 解决办法
  12. 设计模式之策略模式:模拟鸭子
  13. 单点登录(SSO)-- 实现单点登录的几种方式
  14. HTML 下拉式菜单
  15. 三菱PLC以太网MC通讯协议模块
  16. 一张图读懂一个产业短视频第6期
  17. NYOJ 32 组合数
  18. 怎样不改变图片像素把图片压缩到20KB以内?
  19. 基于ssm快递物流管理系统源码获取(java毕业设计)
  20. Win10系统 默认以管理员权限运行所有程序

热门文章

  1. HOG + SVM 实现图片分类(python3)
  2. oracle first_rows怎么用,优化模式区别(all_rows first_rows_n)
  3. php http 类,php写的http请求封装类
  4. rc时间常数公式_你知道RC电路和RL电路中时间常数的来源以及和时间的关系吗?...
  5. Win11怎么打开以前的word文档
  6. 手机优酷怎么删除自己发的弹幕
  7. 番茄花园win11 32位官方纯净版镜像v2021.07
  8. Mybatis源码分析之(四)mapper访问数据库的底层原理(代理方法中具体访问数据库的细节)
  9. @MapperScan和@ComponentScan使用问题
  10. 谈谈对ThreadLocal的理解?(基于jdk1.8)