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

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

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

相关推荐
IsToRestart8 小时前
什么是RPC,和HTTP有什么区别?
网络协议·http·rpc
不修×蝙蝠8 小时前
HTTP 协议(Ⅲ)
服务器·http·javaee·http协议
铁锅与大鹅15 小时前
http+nginx
网络协议·nginx·http
s_fox_1 天前
nginx ngx_http_module(7) 指令详解
运维·nginx·http
荔枝荷包蛋6661 天前
【Linux】HTTP:Cookie 和 Session 详解
网络·网络协议·http
CAir21 天前
HTTP SSE 实现
http·libhv·sse
s_fox_1 天前
nginx ngx_http_module(9) 指令详解
运维·nginx·http
编程星空1 天前
HTTP 和 HTTPS 的区别
网络协议·http·https
我们的五年1 天前
【Linux网络编程】应用层协议HTTP(请求方法,状态码,重定向,cookie,session)
linux·网络·http
LeonNo112 天前
Gentleman:优雅的Go语言HTTP客户端工具包
开发语言·http·golang