Nginx 支持单域名多 Vue 服务配置备忘

栏目: JavaScript · 发布时间: 6年前

内容简介：仅仅通过上述配置，在访问新版前端时，会遇到资源文件无法找到的问题。此时，可以通过对新版前端

最近开发时，遇到需要使用同一域名承载多个前端项目的场景，具体需求如下：

/v2
/api
/

1. Nginx 配置内容

server {
    listen       80;
    listen       [::]:80;
    server_name  _;

    server_name_in_redirect off;
    proxy_set_header Host $host;

    location /api {
        proxy_pass http://0.0.0.0:0000;
    }

    location / {
        index  index.html;
        root /path/to/main/web/app;
    }

    location /v2 {
        index  index.html;
        root /path/to/v2/web/app;
    }
}

2. 修改 publicPath 配置

仅仅通过上述配置，在访问新版前端时，会遇到资源文件无法找到的问题。

此时，可以通过对新版前端 vue.config.js 文件中的 publicPath 进行配置，以规避这一问题（注：该方法仅适用于 Vue-Cli 3.x 构建的项目）：

module.exports = {
    ...
    
    publicPath: '/v2/',
    
    ...
};

参考链接

以上所述就是小编给大家介绍的《Nginx 支持单域名多 Vue 服务配置备忘》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

高等应用数学问题的MATLAB求解

薛定宇、陈阳泉 / 清华大学出版社 / 2008-10 / 49.00元

薛定宇和陈阳泉编著的《高等应用数学问题的MATLAB求解》首先介绍了MATLAB语言程序设计的基本内容，在此基础上系统介绍了各个应用数学领域的问题求解，如基于MATLAB的微积分问题、线性代数问题的计算机求解、积分变换和复变函数问题、非线性方程与最优化问题、常微分方程与偏微分方程问题、数据插值与函数逼近问题、概率论与数理统计问题的解析解和数值解法等，还介绍了较新的非传统方法，如模糊逻辑与模糊推理、......一起来看看《高等应用数学问题的MATLAB求解》这本书的介绍吧!

码农工具