若依框架Vue3发布到Nginx-Windows

Vue3+Nginx部署指南

原创

已于 2025-02-09 10:01:38 修改 · 1.4k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #运维

于 2024-07-29 09:32:40 首次发布

一.nginx部署

1.nginx下载地址

下载最新就可以.我用的是1.24.0，下载后解压的路径千万不能有中文路径

http://nginx.org/en/download.html

2.修改配置文件

1) 配置文件尽量不要用txt打开，因为有个编码问题,我用的Notepad,编码用的UTF-8

2)端口号用80也可以，虽然说网上很多人不推荐，但我没感觉有什么问题

listen       80;

3)监听名如果局域网访问用本机ip, 说是localhost也可以，外网访问的话这里要放域名或者外网IP

server_name  192.168.0.56;

4)防止刷新404

location / {
            root   html;
            index  index.html index.htm;
			# 这里的配置 是防止 刷新后 找不到路径
            try_files $uri $uri/ @router;
        }
		 # 这里的配置 是防止 刷新后 找不到路径
        location @router {
            rewrite ^.*$ /index.html last;
        }

5)配置代理

这个代理不配置有跨域问题，本人经过无数努力想在java端做文章，最后还是失败

location /staging-api/{
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header RE