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

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

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

相关推荐
雾里0不看花5 小时前
.NET通过HTTP操作MINIO
http·.net·iphone
不在逃避q7 小时前
使用.NET实现自带思考的Tool 并且提供mcp streamable http服务
网络协议·http·.net
一条泥憨鱼9 小时前
【从0开始学习计算机网络】| HTTP方法疑点解析
开发语言·计算机网络·http
一条泥憨鱼9 小时前
【从0开始学习计算机网络】| RESTful API 设计原则
计算机网络·http·restful api
外滩运维专家17 小时前
HTTPS 证书报错排查手册:6 个高频错误码及解决方法
网络协议·http·https
鲜花飘飘扬21 小时前
HTTP请求头中表示代理IP地址的属性及获取情况
网络协议·tcp/ip·http
实心儿儿1 天前
Linux —— 应用层协议HTTP
linux·网络·http
会编程的土豆1 天前
GoWeb 处理请求详解:请求行、请求头、请求参数与给客户端响应
开发语言·http·golang
一条泥憨鱼2 天前
【从0开始学习计算机网络】| HTTP 状态码
开发语言·网络·网络协议·计算机网络·http
驭渊的小故事2 天前
网络原理02(http协议详细解析1)
网络·网络协议·http