前段项目通过Nginx反向代理实现项目发布

前端包含文件 html/css/js 静态资源. 将前端项目按照静态资源的方式打成文件目录. 之后通过nginx实现反向代理.实现前端项目的发布.

1.将前端项目打包

 编译成功会生成dist目录

将dist导入

 配置nginx-1.21.4\conf\nginx.conf

#配置前端服务器代理  www.jt.com  dist/index.html
	server {
        #监听80端口
		listen 80;
        #拦截的域名 自定义
		server_name www.jt.com;
        #拦截所有的请求路径/根目录
		location / {
            #root代理的是一个目录
			root dist;
            #默认页面
			index index.html;
		}
	}

配置完成可通过www.jt.com访问前端项目