热门标签
当前位置: article > 正文
【Nginx】解决在Nginx+Vue部署多个前端项目，二级目录不能访问、访问空白的问题_vue代码放在nginx html下的子目录 访问不到接口
作者：Monodyee | 2024-03-17 05:02:43
赞
踩
vue代码放在nginx html下的子目录 访问不到接口
一、前言
需求：设置访问 www.ai.com ，访问时打开前端代码 /tmp/zhsf；设置访问 www.ai.com/case-search 时，访问时打开另一个前端代码 /tmp/template；
二、实现过程:
1、根目录访问
部署使用nginx作为web容器，将项目部署到一个根目录下访问。如
# nginx配置 server { listen 80; server_name my.website.com; ... location / { alias /data/www/react-project/dist; index index.html } }那么只要我们将项目文件放到对应的目录下，重启nginx即可开始访问web页面。
2、二级目录访问
有时我们有多个web项目，多个项目不可能同时挂在根目录下，所以我们会划分二级目录来分别访问各个web项目。如
- http://my.website.com/project1 => 访问react-project1项目
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/254186
推荐阅读
相关标签
