nginx静态部署 资源文件无法正确加载

新手菜鸡一枚 一直卡在这 求大佬解救
webpack效果图片描述

nginx效果
图片描述

nginx配置
图片描述

文件夹位置
图片描述

已解决 悬赏分:20 - 解决时间 2021-11-25 12:30
反对 0举报 0 收藏 0

回答6

最佳
  • @

    你没有引用mime.types,在http部分里面加上include mime.types;

    支持 0 反对 0 举报
    2021-11-24 23:46
  • @

    看效果只有css文件路径不对,这个别名很奇怪

    支持 0 反对 0 举报
    2021-11-25 01:02
  • @

    可以看看开发者工具里,哪些文件get失败,这个大概率是打包完的css文件路径不对吧

    支持 0 反对 0 举报
    2021-11-25 01:51
  • @

    clipboard.png
    网站根目录的配置写错了吧,我是这样写的

    支持 0 反对 0 举报
    2021-11-25 02:50
  • @

    nginx配置修改

    location / {
       root   /mywebsite;
       index  index.html index.htm;
    }

    看你的问题并不是nginx的问题,而是webpack打包路径的问题:

    output: {
       publicPath: '/', // 打包路径(如果放网站根目录就直接`/`,如果放在mywebsite的下一级目录就得带上目录名)
       // ...
    },
    支持 0 反对 0 举报
    2021-11-25 03:04
  • @

    目测好像是缺少静态资源(css,img,js等)的配置

    location ~ .*\.(gif|jpg|jpeg|bmp|png|ico|txt|js|css)$   
    {   
        #资源存放路径
        root html/xxxx;   
        expires      7d; 
    }
    支持 0 反对 0 举报
    2021-11-25 04:20