前后端跨域/ 同时运行两个项目

(1)后端配置端口

复制代码
server:
  port: 90

(2)前端 配置跨域资源共享(CORS)

复制代码
devServer: {
  disableHostCheck: true,
  port: 8088,
  proxy: {
    '/openapi': {
      target: 'http://192.168.31.109:90',
      ws: false,
      changeOrigin: true
    },

其它信息

默认端口80通常用于HTTP协议,是Web服务器默认监听的端口

所以在后端端口配置为80的时候,前端可以不写,就像下面这样

复制代码
devServer: {
  disableHostCheck: true,
  port: 8088,
  proxy: {
    '/openapi': {
      target: 'http://192.168.31.109',
      ws: false,
      changeOrigin: true
    },

所以同时运行两个项目的话,需要 更改后端的端口,和前端对应的端口配置

相关推荐
gxh199212 小时前
4步将HTTP请求升级为HTTPS
运维·服务器·网络协议·http·https
2501_9159184116 小时前
HTTPS 端口深度解析,443 并不是唯一入口,理解 TLS 流量行为与抓包策略
网络协议·http·ios·小程序·https·uni-app·iphone
ogre202019 小时前
http header Authorization: Bearer和token之间可以有几个空格
http
咋吃都不胖lyh19 小时前
urllib3.util.retry.Retry 是 Python HTTP 客户端库 urllib3 中的一个核心组件,用于实现智能的请求重试机制
网络·网络协议·http
Hard but lovely20 小时前
http的content-text对照表
网络·网络协议·http
wgego21 小时前
http协议中各个网段含义
网络·网络协议·http
ASKED_201921 小时前
不同 QPS 场景下的服务部署架构指南(实战经验总结)
http·架构
BD_Marathon1 天前
【JavaWeb】HTTP简介
网络·网络协议·http
槿花Hibiscus2 天前
C++基础:session实现和http server类最终组装
服务器·c++·http·muduo
Hey_Coder2 天前
【HTTP:什么是跨源资源共享(CORS)?详解:控制“跨源访问”】
http·cors·预检请求·跨源资源共享·跨域资源共享·cors头信息