使用 vue 构建后台，nignx 如何配置

问答 / 1 / 5 / 创建于 2年前

1. 运行环境#

1). 当前使用的 Laravel 版本？#

laravel 版本 : 9.0
vue 使用技术: element-ui-admin

2. 问题描述？#

使用 vue 构建后台，nignx 如何配置

dist 为打包后的文件夹

问题：
如何部署项目，同一个域名，同一个端口：

访问 http://ceshi.test  为 vue 打包的项目
访问 http://ceshi.test/api 为 laravel 编写的接口

Shine-x

课程读者 792 声望

怀着虔诚的心态,研究技术

0 人点赞

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

如何打造令后端面试官印象深刻的简历？ 12 / 9 |

博客

如何让DcatAdmin再放光芒,惠及百万PHPer 17 / 39 |

博客

手摸手带你使用 docker-compose 编排一个开发环境 18 / 15 |

博客

冯老师的困惑 —— PHP 挂了 21 / 4 |

博客

PHP使用yield 读取超大型目录、大目录的方法 15 / 14 |

博客

记一次 Laravel5 升级到 Laravel10 经过 + 使用 octane 进行容器化 10 / 29 |

dbkuaizi

20 声望

最佳答案

用两个 nginx 站点，然后把域名的 /api/ 这一层的 url 全部转发到后端的那个站点上，这样就不存在跨域问题，还能共用一个 https 证书，最好是后端站点只允许 127 反向代理，不允许外部直接访问。

2年前评论

讨论数量: 5

Imuyu

课程读者 869 声望

nginx 针对 api 独立解析一个文件夹，或者把程序放进 api 文件夹

2年前评论

Shine-x （楼主）

这样不就是两个 nginx 一个解析 dist vue的项目，一个解析 laravel 接口的项目，肯定要不同端口的

Imuyu （作者）

@Shine-x 同一端口同一域名也可以设置单独解析api路径，可以满足你的需求，给你关键字你百度去吧

dbkuaizi

20 声望

用两个 nginx 站点，然后把域名的 /api/ 这一层的 url 全部转发到后端的那个站点上，这样就不存在跨域问题，还能共用一个 https 证书，最好是后端站点只允许 127 反向代理，不允许外部直接访问。

2年前评论

陈先生

课程读者 650 声望 / PHP_EOL @ NaN

都打包了，直接转成 spa 就好了。

2年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

使用 vue 构建后台，nignx 如何配置

1. 运行环境#

1). 当前使用的 Laravel 版本？#

2. 问题描述？#

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

使用 vue 构建后台，nignx 如何配置

1. 运行环境#

1). 当前使用的 Laravel 版本？#

2. 问题描述？#

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录