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

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

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

相关推荐
%小农7 小时前
在cursor中使用server
网络·网络协议·http
西红市杰出青年9 小时前
MCP 的三种数据传输模式教程(stdio / SSE / Streamable HTTP)
网络·网络协议·http·ai
.select.9 小时前
HTTPS 如何优化?
网络协议·http·https
三三有猫12 小时前
HTTP、HTTPS和SOCKS代理怎么选?
网络协议·http·https
牛奶14 小时前
你发送的消息,微信到底怎么送到的?
前端·websocket·http
曹牧16 小时前
HTTP 401
网络·网络协议·http
ADRU18 小时前
SSE 到底是什么?它和 HTTP 有什么关系?Java/Spring 怎么实现流式输出(可直接上手)
java·spring·http
.select.19 小时前
HTTPS ECDHE 握手解析
网络协议·http·https
wechatbot88819 小时前
【企业微信】基于HTTP协议的API接口设计:实现账号登录回调的自动化管理
java·http·自动化·企业微信·ipad
西红市杰出青年19 小时前
AI 调用 MCP 的全流程教程(基于 Streamable HTTP)
人工智能·网络协议·http