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

Question

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

nginx效果

nginx配置

文件夹位置

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

网站根目录的配置写错了吧，我是这样写的

Answer 5

nginx配置修改

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

看你的问题并不是nginx的问题，而是webpack打包路径的问题：

output: {
   publicPath: '/', // 打包路径(如果放网站根目录就直接`/`，如果放在mywebsite的下一级目录就得带上目录名)
   // ...
},

Answer 6

目测好像是缺少静态资源（css,img，js等）的配置

location ~ .*\.(gif|jpg|jpeg|bmp|png|ico|txt|js|css)$   
{   
    #资源存放路径
    root html/xxxx;   
    expires      7d; 
}