访问前端时请求静态资源时没有加上/dist/所以报404
时间: 2023-07-30 08:12:55 浏览: 163
好的,如果访问前端时请求静态资源时没有加上`/dist/`,就会出现404错误。这个问题可以通过修改nginx配置文件来解决。以下是修改后的配置文件:
```
http {
server {
listen 80;
server_name yourdomain.com;
root /home/app/nginx;
location /entwechat {
alias /home/app/nginx/EntWechat/dist;
try_files $uri $uri/ /entwechat/index.html;
}
location /h5 {
alias /home/app/nginx/H5/dist;
try_files $uri $uri/ /h5/index.html;
}
# 指定静态资源路径
location /static {
alias /home/app/nginx/static;
}
# 添加/dist/路径重写规则
location ~ ^/(entwechat|h5)/(.*) {
alias /home/app/nginx/$1/dist/$2;
try_files $uri $uri/ /$1/index.html;
}
location / {
alias /home/app/nginx/conf/nginx.conf;
}
}
}
```
在这个配置文件中,添加了`location ~ ^/(entwechat|h5)/(.*)`指令,用来匹配前端请求中的`/entwechat`和`/h5`路径,并对其进行重写。添加重写规则后,请求静态资源时就会自动加上`/dist/`路径,从而避免404错误。
阅读全文