vue3部署nginx相关问题

1、处理刷新页面404问题

  • 修改nginx配置如下
server {
    listen 80;
    server_name www.wenknow.com;
    root /dist;
    index index.html;
    access_log /var/log/nginx.log main;
         
    ## 注意从这里开始
    location / {
        try_files $uri $uri/ @router;
        index index.html;
    }
    location @router {
        rewrite ^.*$ /index.html last;
    }
}

2、VUE中页面F5刷新空白并报错报错:Uncaught SyntaxError: Unexpected token <

  • 修改vue.config.js文件中的publicPath配置,注意不是 “./” 而是 “/” 。
module.exports = {
    publicPath: '/',
}
评论