如何在nginx下部署vue 项目

为了配置多个vue 项目 

例如 http://www.xxxx.com/home下的一个vue 项目

new Router({
  mode: 'history', // 去除 /#/
  base:"home", //二级 home
})

config/index.js

 build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/home/',

 vim /etc/nginx/nginx.conf

    server {
        root /home/xxxx/home/;
        
        location /home {
            try_files $uri $uri/ @router;
            index index.html;
        }

        location @router {
           rewrite ^.*$ /home/index.html last;
        }

解决 vue router 那个页面404 的问题

 

nginx 配置好之后出现 403 

如果error.log 是 Permisss Deind

修改 user  root

root 文件夹 chmod -R 777 /home/xxx/home/

重启 nginx systemctl restart nginx