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

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

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

相关推荐
特行独立的猫3 小时前
python+Proxifier+mitmproxy实现监听本地网路所有的http请求
开发语言·爬虫·python·http
CCPC不拿奖不改名3 小时前
基于FastAPI的API开发(爬虫的工作原理):从设计到部署详解+面试习题
爬虫·python·网络协议·tcp/ip·http·postman·fastapi
掘根3 小时前
【仿Muduo库项目】HTTP模块4——HttpServer子模块
网络协议·http·php
Hi202402176 小时前
HTTPS流量分析-网关抓包与解密全解析
网络协议·http·https
qq_白羊座7 小时前
HTTP请求走私攻击
网络·网络协议·http
_OP_CHEN7 小时前
【从零开始的Qt开发指南】(二十一)Qt 网络编程封神指南:UDP/TCP/HTTP 全场景实战
网络·qt·http·udp·tcp·前端开发·qt网络
五仁火烧1 天前
HTTP 服务器
服务器·网络·网络协议·http
五仁火烧1 天前
Vite和HTTP 服务器
服务器·网络协议·http·vue
fy zs1 天前
HTTP协议与HTTPS
网络协议·http·https
weixin_515069661 天前
OkHttp-HTTP 客户端框架
网络协议·http·okhttp·框架