vue项目路由模式为history时打包后部署在nginx服务器后,刷新页面空白的问题

  • 放在nginx服务器根目录下的情况:

vue.config.js配置:

publicPath: '/'

router配置:

base: '/',
mode: 'history'

nginx配置文件:

location / {
    try_files $uri $uri/ /index.html;
    root   html;
    index  index.html index.htm;
}
  • 放在nginx服务器根目录下一个子目录下的情况(以子目录名称是demo为例):

vue.config.js配置:

publicPath: '/demo/'

router配置:

base: '/demo/',
mode: 'history'

nginx配置文件:

location /demo {
     index index.html index.htm;
     try_files $uri $uri/ /demo/index.html;
}

 

你可能感兴趣的:(nginx,vue,webpack,vue.js,node.js)