分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

vue-webpack项目本地开发环境设置代理解决跨域问题

发布时间:2023-09-06 02:00责任编辑:林大明关键词:webpack跨域

前言:

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

配置方法:

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)}

重新运行即可。

vue-webpack项目本地开发环境设置代理解决跨域问题

原文地址:https://www.cnblogs.com/xyyt/p/9186201.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved