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

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

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

相关推荐
W.A委员会1 天前
DNS详解
http
灰子学技术2 天前
Envoy HTTP Connection Manager (HCM) 技术文档
网络·网络协议·http
七七powerful2 天前
AI+运维提效--HTTPS 证书有效期监控方案
网络协议·http·https
环流_3 天前
HTTP 协议的基本格式
java·网络协议·http
Rust研习社3 天前
Rust + PostgreSQL 极简技术栈应用开发
开发语言·数据库·后端·http·postgresql·rust
RunningBComeOn3 天前
为什么无法抓取到http之间的明文传输
网络·网络协议·http
(Charon)3 天前
【C++/Qt】Qt 实现 HTTP 测试工具:从请求构思到 GET/POST 实现
c++·qt·http
灰子学技术3 天前
Envoy HTTP 协议实现技术文档
网络·网络协议·http
Lucis__3 天前
HTTP协议深度解析—从HTTP原理到手写实现服务器
服务器·网络协议·http