vue history模式下，与Nginx的配置

需求：想在http://h5.xxxxxxx.cn域名下，h5的目录里放上我们的项目！
达到这种地址效果http://h5.xxxxxxx.cn/h5/market?source=xmb-h5-yx

解决方案：
第一步：在你的项目，路由router里，加入你需要的二级目录，然后打包。
h5为项目的目录地址，比如，url地址：h5.xxxxxxx.cn下的h5目录，需要到服务器新建目录h5。
要与base:’/h5/’ 一致

http://h5.xxxxxxx.cn/h5/market?source=xmb-h5-yx

第二步：在你的域名根目录下，放入你打包的项目，比如h5目录下

第三步：到Nginx配置文件，里进行一些小小的修改（不知道Nginx的配置文件在哪里的自行百度）

server
{
    listen 80;
    server_name h5.xxxxxx.cn;
    index index.php index.html index.htm default.php default.htm default.html;
    #重点一，域名要指定的服务器，项目的根目录哦，没有新建h5目录哦
    root /www/wwwroot/;
    
    #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    #SSL-END
    
    #ERROR-PAGE-START  错误页配置，可以注释、删除或修改
    error_page 404 /404.html;
    error_page 502 /502.html;
    #ERROR-PAGE-END
    
    #PHP-INFO-START  PHP引用配置，可以注释或修改
    include enable-php-71.conf;
    #PHP-INFO-END
    
    #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
    include /www/server/panel/vhost/rewrite/h5.xxxxx.cn.conf;
    #REWRITE-END
    
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
        access_log off; 
    }
    
    location ~ .*\.(js|css)?$
    {
        expires      12h;
        access_log off; 
    }
    #重点二，路由指定根目录，如果访问了有h5的地址，就跳转到h5目录下
    location /h5/ {   
            try_files $uri $uri/ /h5/index.html;
        }
    access_log  /www/wwwlogs/h5.xxxxx.cn.log;
}

第四步：重启Nginx，服务器即可
浏览器访问你的域名：http://h5.xxxxxxx.cn/h5/market?source=xmb-h5-yx
就出现了
ps：困扰了好多人，今天就由我来帮你们解决啦