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

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

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

相关推荐
en-route18 分钟前
Http请求中的特殊字符
spring·http
代码搬运媛11 小时前
HTTP REST API、WebSocket、 gRPC 和 GraphQL 应用场景和底层实现
websocket·http·graphql
不认输的西瓜16 小时前
前端网络知识——HTTP和HTTPS
http·https
ZzMemory21 小时前
1.3W字详解大厂经典面试题:输入URL回车之后发生了什么?
前端·http·面试
Bin努力加餐饭1 天前
【HTTP版本演变】
http
小徐不徐说1 天前
超详细讲解:TCP / UDP / HTTP / HTTPS 四种常见协议
c++·网络协议·tcp/ip·http·https·udp·网络编程
不想写bug呀2 天前
HTTP协议介绍
网络·网络协议·http
DexterLien2 天前
API Gateway HTTP API 控制客户端访问 IP 源
http·gateway·aws·lambda·authorizer
是阿建吖!2 天前
【Linux | 网络】应用层(HTTP)
linux·网络·http
Arva .2 天前
HTTP常见误区
网络·网络协议·http