前端打包之后运用nginx反向代理运行项目

最新推荐文章于 2024-09-21 14:00:00 发布

原创

最新推荐文章于 2024-09-21 14:00:00 发布 · 728 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#nginx反向代理 #nginx

本文介绍了如何在前端项目中运用nginx进行反向代理。首先，需要下载nginx并将其配置文件（nginx.conf）修改，设置监听端口和服务器名称。接着，将前端打包后的dist文件放入nginx的html目录下。最后，启动nginx服务，通过配置的IP或域名即可访问前端应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：前端nginx代理配置及使用
1.本地需要下载nginx文件
链接 http://nginx.org/en/download.html
在这里插入图片描述
2.前端打包生成dist文件并放入到下载好的nginx文件的html文件夹中

3.配置nginx.config

打开nginx.conf进行编辑
server {
listen 70; //端口号
server_name 10.229.36.158; //本机ip或者域名转发的ip或者localhost

    location / {
        root  D:/www/kaoqin/dist/;  //打包文件的绝对路径（路径中斜杠改为反斜杠）
		try_files $uri $uri/ /index.html; //刷新重置url
        index  index.html index.htm; 
    }
	location /prod-api/ {
        proxy_