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

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

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

相关推荐
qq. 280403398410 小时前
http 状态码
网络·网络协议·http
AI前端老薛12 小时前
HTTP和HTTPS的区别
网络协议·http·https
网络风云12 小时前
HTTP协议与Web通信原理
前端·网络协议·http
书唐瑞12 小时前
通过HTTPS访问子域名
网络协议·http·https
仙俊红13 小时前
HTTPS 的加密原理
网络协议·http·https
BLSxiaopanlaile13 小时前
《凤凰架构-构建可靠的大型分布式系统》读书笔记 -关于网络请求过程中的一些缓存和分流技术
http·一致性·编程理解
chenyuhao20241 天前
Linux网络编程:HTTP协议
linux·服务器·网络·c++·后端·http·https
代码游侠1 天前
复习——网络基础知识
网络·笔记·网络协议·算法·http
就叫飞六吧1 天前
wrk:现代 HTTP 性能测试工具(类cc)
网络协议·测试工具·http
不染尘.1 天前
应用层之HTTP
服务器·网络·网络协议·计算机网络·http