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

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

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

相关推荐
小茴香3531 小时前
HTTP缓存
网络协议·http·缓存·面试
甘露s8 小时前
JWT Token 机制设计演进:从单 Token 到企业级认证体系
后端·http·web
xlq223229 小时前
59.HTTP
网络·网络协议·http
无风听海11 小时前
HTTP 跨站与跨域:从同源策略到现代安全边界
网络协议·安全·http
alwaysrun11 小时前
C++之轻量极速Web框架Crow
c++·websocket·http
wb0430720112 小时前
从 Java 1 到 Java 26 的HTTP Client发展历程
java·开发语言·http
小饼干在学嘎瓦13 小时前
HTTP和RPC有什么区别?好奇怪的问题!
网络协议·http·rpc
pengyi8710151 天前
HTTP代理抓包核心原理,全面读懂请求与响应数据逻辑
网络·网络协议·http
yqcoder1 天前
HTTP 进化论:从“单车道土路”到“磁悬浮列车”
网络·网络协议·http
小短腿的代码世界1 天前
QHttpEngine深度解析:Qt嵌入式HTTP服务端的工业级架构与性能调优
qt·http·架构