使用 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 人点赞

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

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

推荐文章：

更多推荐...

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

博客

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

博客

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

博客

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

博客

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

博客

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

dbkuaizi

20 声望

最佳答案

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

2年前评论

讨论数量: 5

Imuyu

课程读者 871 声望

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

资源推荐

服务提供商

其他信息

请登录