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

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

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 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

推荐文章：

更多推荐...

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

博客

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

博客

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

博客

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

博客

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

博客

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

dbkuaizi

20 声望

最佳答案

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

3年前评论

讨论数量: 5

Imuyu

课程读者 876 声望

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

3年前评论

Shine-x （楼主）

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

Imuyu （作者）

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

dbkuaizi

20 声望

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

3年前评论

陈先生

课程读者 651 声望 / PHP_EOL @ NaN

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

3年前评论

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

帮助

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

1. 运行环境

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

2. 问题描述？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

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

1. 运行环境

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

2. 问题描述？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录