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

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

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

相关推荐
ihengshuai1 小时前
HTTP协议及安全防范
网络协议·安全·http
码农丁丁5 小时前
[前端]HTTP库Axios
前端·网络协议·http·aixos
等一场春雨9 小时前
403 Forbidden HTTP 响应状态码
网络·网络协议·http
青灯文案112 小时前
前端 HTTP 请求由 Nginx 反向代理和 API 网关到后端服务的流程
前端·nginx·http
小林熬夜学编程14 小时前
【Linux网络编程】第十四弹---构建功能丰富的HTTP服务器:从状态码处理到服务函数扩展
linux·运维·服务器·c语言·网络·c++·http
njnu@liyong1 天前
图解HTTP-HTTP报文
网络协议·计算机网络·http
ZachOn1y1 天前
计算机网络:应用层 —— 应用层概述
计算机网络·http·https·应用层·dns
Graceful_scenery1 天前
https双向认证
服务器·网络·网络协议·http·https
njnu@liyong2 天前
图解HTTP-HTTP状态码
网络协议·计算机网络·http
代码洁癖症患者2 天前
HTTP请求的奇幻旅程:从发起至响应的全方位探索
网络·网络协议·http