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

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

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

相关推荐
pshdhx_albert26 分钟前
AI agent实现打字机效果
java·http·ai编程
sibylyue13 小时前
Nginx\Tomcat\Jetty\Netty
java·nginx·http
cyber_两只龙宝14 小时前
【Nginx】Nginx反向代理之实现http的反向代理
linux·运维·nginx·http·云原生·反向代理
努力的lpp15 小时前
【小迪安全41天】WEB攻防-ASP应用&HTTP.SYS&短文件&文件解析&Access注入&数据库泄漏
前端·安全·http
孙同学_15 小时前
【Linux篇】应用层协议HTTP
linux·运维·http
派大星酷16 小时前
Http---详细格式介绍
网络·网络协议·http
米丘1 天前
Connect 深度解析:Node.js 中间件框架的基石
javascript·http·node.js
csdn_aspnet1 天前
在 ASP.NET Core 中使用自定义属性实现 HTTP 请求和响应加密
http·asp.net·.netcore
不知名。。。。。。。。2 天前
HTTP协议
网络·网络协议·http
冉佳驹2 天前
Qt【第六篇】 ——— 事件处理、多线程、网络与文件等操作详解
qt·http·udp·tcp·事件·多线程与互斥锁