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

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

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

相关推荐
Lsland..2 小时前
MCP协议AI时代的HTTP
人工智能·网络协议·http
信息安全失业大专人员17 小时前
HTTP/HTTPS 协议精髓与 WAF(Web 应用防火墙)架构防线大底座
web安全·http·信息安全·https·企业信息安全
艾莉丝努力练剑1 天前
【Linux网络】Linux 网络编程:传输层协议TCP(三)
linux·运维·服务器·网络·tcp/ip·http
2501_915909061 天前
深入理解HTTPS中间人抓包技术原理与实战指南
网络协议·http·ios·小程序·https·uni-app·iphone
我命由我123451 天前
Retrofit - URL 格式错误问题、支持 HTTP 与 HTTPS
java·http·https·java-ee·android studio·android-studio·retrofit
Kurisu5752 天前
深入拆解:从 TCP 状态机到 HTTP/3 拥塞控制的底层演进
网络协议·tcp/ip·http
剑神一笑2 天前
Linux curl 命令深度解析:从 HTTP 请求到网络调试实战
linux·网络·http
SLD_Allen2 天前
在LLM HTTP底层交互中大模型的Agent Skill功能
网络协议·http·交互·agent skill
yqcoder3 天前
闭包是什么?优缺点、怎么防内存泄漏?
前端·http
sinat_255487813 天前
HTTP、端口、请求、响应、REST
java·网络·网络协议·http·tomcat·intellij-idea