当前位置 > it书童 > 大前端 > 正文

Nuxt 踩过的那些坑

大前端 it书童 2020-09-30 16:50:57 0赞 0踩 81阅读 0评论

使用脚手架后与 sass 不兼容

用脚手架安装 nuxt,选择 bootstrap-vue 作为 ui 组件,再按照文档安装 sass

$ npm install --save-dev node-sass sass-loader

然后,nuxt 就启动不了...

无奈,撤回操作,git 恢复文件后,重新执行 yarn,再启动 nuxt,恢复正常

nginx 代理

server {
    listen  80;
    server_name local.ui.itshutong.com;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Server $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    error_log /tmp/ui_itshutong_error.log;

    location / {
      proxy_pass http://127.0.0.1:3000;
      proxy_connect_timeout 600;
      proxy_read_timeout 600;
    }

    location ^~ /_nuxt/ {
       proxy_pass http://127.0.0.1:3000/_nuxt/;
    }

    location ^~ /_loading/ {
       proxy_pass http://127.0.0.1:3000/_loading/;
    }
}

要将 nginx 所在的临时目录权限放开,否则会报 net::ERR_CONTENT_LENGTH_MISMATCH 之类的错误,原因就是 nginx 在取代理文件时会先去找缓存

在 nginx 错误日志中能看到报错:

open() "/usr/local/var/run/nginx/proxy_temp/1/00/0000000001" failed (13: Permission denied) while reading upstream
$ cd /usr/local/var/run
$ sudo chmod -R 775 nginx
关于我
一个文科出身的程序员,追求做个有趣的人,传播有价值的知识,微信公众号主要分享读书思考心得,不会有代码类文章,非程序员的同学请放心订阅
转载须注明出处:https://www.itshutong.com/articles/726/the-pits-nuxt-stepped-on