博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-webpack项目本地开发环境设置代理解决跨域问题
阅读量:4707 次
发布时间:2019-06-10

本文共 631 字,大约阅读时间需要 2 分钟。

前言:

一般跨域问题只要后端配置好的话,是不需要前端做处理的,但也不能保证你遇到的所有后端都能很好的处理这个问题,这个时候可能就需要前端设置代理解决这个问题了。

配置方法:

1. config/index.js

proxyTable: {        '/api': {            target: 'http://192.168.8.8:8080', // 要访问接口的域名            // secure: false,  // 如果是https接口,需要配置这个参数            changeOrigin: true, // 如果接口跨域,需要进行这个参数配置            pathRewrite: {              '^/api': ''//重写接口访问            }          }    },  host: '192.168.8.1',//本机Ip或localhost

注意:/api一定要有,命名可以不一样。

2. 接口访问地址改为本机访问地址+端口+"/api"

export default{  DOMIN:"http://192.168.8.1:8080/api"//本机访问地址+"/api"(也可以用http://localhost:8080/api)}

重新运行即可。

 

转载于:https://www.cnblogs.com/xyyt/p/9186201.html

你可能感兴趣的文章
Crawl(1)
查看>>
设备事件
查看>>
vue入门:(组件)
查看>>
CodeForces 173A Rock-Paper-Scissors(数论)
查看>>
http--->http缓存机制系统梳理
查看>>
day14(内置函数)
查看>>
JavaWeb中四大域对象的作用范围
查看>>
冲刺第十九天
查看>>
Appium环境的安装以及一路上的坑
查看>>
【原创】红客闯关游戏部分题解
查看>>
zookeeper在集群负载均衡中的应用
查看>>
移动架构之MVP框架
查看>>
css “裁剪”图片(显示图片的一部分)
查看>>
layui框架学习记录
查看>>
C/C++知识要点4——printf函数以及cout的计算顺序
查看>>
UVA225 Golygons 黄金图形(dfs+回溯)
查看>>
2002-2003 ACM-ICPC Northeastern European Regional Contest (NEERC 02) A Amusing Numbers (数学)
查看>>
docker-compose部署mongodb+redis遇到的问题
查看>>
react 什么是虚拟DOM?深入了解虚拟DOM
查看>>
Service Worker 缓存文件处理
查看>>