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

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

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

相关推荐
蒜香拿铁5 小时前
Angular【http服务端交互】
前端·http·angular.js
报错小能手5 小时前
计算机网络自顶向下方法11——应用层 详解HTTP/3
网络协议·计算机网络·http
universe_016 小时前
前端八股之HTTP
前端·网络协议·http
木昆子8 小时前
大模型流式输出:七大底层传输技术对比探究
人工智能·http·ai编程
我叫汪枫15 小时前
《HTTP 实战:常用调试工具与抓包技巧》
网络·网络协议·http
七月稻草人17 小时前
Rust 中的路由匹配与参数提取:类型安全的 HTTP 路径解析艺术
安全·http·rust
Mr. zhihao1 天前
理解 HTTPS 和 Burp Suite 证书信任机制
网络协议·http·https
星释1 天前
IIS申请免费证书并配置网页重定向至HTTPS
网络协议·http·https
BAGAE1 天前
MQTT 与 HTTP 协议对比
java·linux·http·https·硬件工程