vue3的nginx配置文件配置(nginx只配置前端vue3的nginx.conf文件)

本文主要是介绍vue3的nginx配置文件配置(nginx只配置前端vue3的nginx.conf文件)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、本地的访问网址的链接
http://localhost:5173/official-website/

2、程序的配置

3、nginx.conf配置

#user  nobody;
worker_processes  1;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;log_format  main  '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_referer" ''"$http_user_agent" "$http_x_forwarded_for"';access_log  logs/access.log  main;sendfile        on;keepalive_timeout  65;server {listen       80;server_name  nju.nanjingaijia.com;location /official-website {alias   /usr/share/nginx/admin/dist;try_files $uri $uri/ index.html;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}}

4、访问地址即可。
http://nju.nanjingaijia.com/official-website/#/home

此配置文件，可以配置纯前端的vue3的配置文件，可以不用后端的配置文件，不需要考虑后端，对于纯前端的项目和工程有一定的参考意义。

这篇关于vue3的nginx配置文件配置(nginx只配置前端vue3的nginx.conf文件)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---