前言
描述：当我配置好全部之后，通过 服务器 ip 地址访问，遇到报错信息：500 Internal Server Error。
情况说明
前提：我是通过Docker启动nginx容器，通过-v 绑定数据卷，将html文件和nginx.conf通过挂载的方式启动。
我将vue项目打包放在 html路径下。通过启动命令启动nginx容器，命令如下所示：
docker run -d --privileged=true --name nginx -v /mydata/nginx/html:/usr/share/nginx/html -v /mydata/nginx/nginx.conf:/etc/nginx/nginx.conf -p 80:80 nginx
一、展示配置
1.1 nginx.conf
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 80;
server_name localhost;
charset utf-8;
location / {
root /usr/share/nginx/html;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
1.2 详细解释
location / {
root /usr/share/nginx/html;
/usr/share/nginx/html：对应的路径应该是docker内部映射的html所在的文件路径，而不是主机上的html所在路径。文章来源：https://www.toymoban.com/news/detail-732145.html
总结
至于为什么会出现标题上面的报错，是因为我把配置文件内的 root 对应的路径写错了。所以在我排查的过程中，一直觉得很奇怪，明明html路径也有，容器启动正常，就是访问不到。花费了一些时间。文章来源地址https://www.toymoban.com/news/detail-732145.html
- 知识归纳：
- 在这个实验中，我意识到nginx.conf这个文件针对的是容器内部才有效，而不是看着容器外面的路径。
到了这里，关于nginx部署vue前端项目，访问报错500 Internal Server Error的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
