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

(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
    },

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

相关推荐
冀辉12 小时前
局域网部署时实现基于https的业务系统访问
网络协议·http·https
Selenium-Wang14 小时前
动态HTTP隧道代理IP:从配置到实战的完整指南
网络协议·tcp/ip·http
flashier14 小时前
ESP32学习笔记_WiFi(3)——HTTP
网络·笔记·单片机·网络协议·学习·http·esp32
im_AMBER14 小时前
消失的最后一秒:SSE 流式联调中的“时序竞争”
前端·笔记·学习·http·sse
DARLING Zero two♡1 天前
【计算机网络】简学深悟启示录:http
网络协议·计算机网络·http
Yu_Lijing1 天前
《图解HTTP》笔记与读后感(上)
网络·笔记·网络协议·http
看今朝·1 天前
MCP协议与HTTP接口区别
网络·网络协议·http·mcp
a程序小傲2 天前
米哈游Java面试被问:gRPC的HTTP/2流控制和消息分帧
java·开发语言·tcp/ip·http·面试·职场和发展·php
ipooipoo11882 天前
深度解析HTTP、HTTPS与SOCKS代理协议:原理、区别及选型指南
网络协议·http·https
m0_748248652 天前
C++高性能服务器框架----Http模块
服务器·c++·http