正文 一个vite+vue3项目,想要部署到服务器上。项目build后的文件都在dist目录下,将这个目录拷贝到服务器上,然后在Nginx里进行配置,如下: server {
一个vite+vue3项目,想要部署到服务器上。项目build后的文件都在dist目录下,将这个目录拷贝到服务器上,然后在Nginx里进行配置,如下:
server {
listen 3571;
server_name localhost;
location / {
root /root/xxxx/dist/;
try_files $uri $uri/ /index.html;
}
}
这样就可以通过服务器的公网ip+端口3571来访问这个Vue项目了,如果想通过域名访问,则可以这样配置:
server {
listen 80;
server_name video.xxx.com;
location / {
root /root/xxxx/dist/;
try_files $uri $uri/ /index.html;
}
}
这样直接访问video.xxx.com就可以直接访问这个vue项目。
注意这里可能存在一个问题,就是配置正确后访问出现500错误。 出现这个错误首先判断是不是本地路径设置错了,如果路径没有错误,那么可能就是权限问题。 在nginx的一开头会配置nginx的用户,如下:
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
...
我这默认是nginx用户,这样就没有权限去访问/root/xxxx/dist/目录,所以出现500错误,换成root用户即可,如下:
user root;
worker_processes auto;
error_log /var/log/nginx/error.log;
...
注意:重新配置nginx后要重启nginx服务才行(service nginx restart)。
以上就是nginx如何指向本地路径及500错误解决方法的详细内容,更多关于nginx指向本地路径500错误的资料请关注编程网其它相关文章!
--结束END--
本文标题: nginx如何指向本地路径及500错误解决方法
本文链接: https://www.lsjlt.com/news/199929.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-07
2024-04-30
2024-04-30
2024-04-30
2024-04-29
2024-04-29
2024-04-29
2024-04-18
2024-04-17
2024-04-11
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0