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

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

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

相关推荐
栗子叶10 小时前
两种Https正向代理的实现原理
网络协议·http·https·正向代理
玩转4G物联网1 天前
零基础玩转物联网-串口转以太网模块如何快速实现与TCP服务器通信
服务器·网络·物联网·网络协议·tcp/ip·http·fs100p
hie988941 天前
HTTP常见的请求方法、响应状态码、接口规范介绍
http
一曝十寒1 天前
那些常见的 HTTP 状态码
前端·http
酷爱码1 天前
在 Linux 中修改 Apache HTTP Server(httpd)默认端口的完整指南
linux·http·apache
程序员祥云1 天前
https相比http的区别
网络协议·http·https
小吕学编程2 天前
HttpServletRequest常用方法
java·http
2501_915106322 天前
Flutter、React Native 项目如何搞定 iOS 上架?从构建 IPA 到上传 App Store 的实战流程全解析
websocket·网络协议·tcp/ip·http·网络安全·https·udp
snetlogon202 天前
JDK17 Http Request 异步处理 源码刨析
android·网络协议·http
秋水丶秋水2 天前
SSL安全证书怎么安装?
网络协议·http·https