Vue开发环境跨域访问问题


Posted in Javascript onJanuary 22, 2020

Vue开发环境跨域访问其他服务器或者本机其他端口,需要配置项目中config/index.js文件,修改如下

module.exports = {
 dev: {

  // Paths
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  },

其中主要是加入

proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  }

这样你通过axios 或fetche访问  /api/** 便相当于跨域访问了 http://192.168.1.99:8080/

总结

以上所述是小编给大家介绍的Vue开发环境跨域访问问题,希望对大家有所帮助!

Javascript 相关文章推荐
Jquery 基础学习笔记
May 29 Javascript
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 Javascript
JS的replace方法介绍
Oct 20 Javascript
JQuery 常用方法和事件详细介绍
Apr 18 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
Feb 27 Javascript
BootStrap入门学习第一篇
Aug 28 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
Jan 31 Javascript
Vue.directive 自定义指令的问题小结
Mar 04 Javascript
vue项目上传Github预览的实现示例
Nov 06 Javascript
Nuxt配置Element-UI按需引入的操作方法
Jul 06 Javascript
vue中英文切换实例代码
Jan 21 #Javascript
微信小程序点击view动态添加样式过程解析
Jan 21 #Javascript
微信小程序如何实现radio单选框单击打勾和取消
Jan 21 #Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 #Javascript
微信小程序swiper实现文字纵向轮播提示效果
Jan 21 #Javascript
jquery将信息遍历到界面上实例代码
Jan 21 #jQuery
微信浏览器下拉黑边解决方案 wScroollFix
Jan 21 #Javascript
You might like
一个从别的网站抓取信息的例子(域名查询)
2006/10/09 PHP
Yii的CDbCriteria查询条件用法实例
2014/12/04 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
php使用正则表达式去掉html中的注释方法
2016/11/03 PHP
[原创]图片分页查看
2006/08/28 Javascript
Javascript之文件操作
2007/03/07 Javascript
Mootools 1.2教程(3) 数组使用简介
2009/09/14 Javascript
js鼠标左右键 键盘值小结
2010/06/11 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
2010/09/14 Javascript
JavaScript 原型链学习总结
2010/10/29 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
2013/10/14 Javascript
javascript实现动态导入js与css等静态资源文件的方法
2015/07/25 Javascript
学习javascript文件加载优化
2016/02/19 Javascript
Vue.js系列之项目搭建(1)
2017/01/03 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
2018/02/24 jQuery
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
python数据结构之二叉树的统计与转换实例
2014/04/29 Python
python中使用enumerate函数遍历元素实例
2014/06/16 Python
用python写的一个wordpress的采集程序
2016/02/27 Python
Python机器学习之SVM支持向量机
2017/12/27 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
python 实现矩阵按对角线打印
2019/11/29 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
Python使用configparser库读取配置文件
2020/02/22 Python
python多维数组分位数的求取方式
2020/03/03 Python
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
2013/01/09 HTML / CSS
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
PHP经典面试题
2016/09/03 面试题
生物科学专业职业规划书范文
2014/02/11 职场文书
一年级小学生评语
2014/04/22 职场文书
2014年计生标语
2014/06/23 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
个人整改措施书面材料
2014/10/24 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书