
Nginx反向代理部署前端Vue项目
发布日期:2021-05-07 15:31:05
浏览次数:20
分类:精选文章
本文共 449 字,大约阅读时间需要 1 分钟。
前后端分离项目的部署通常需要前端和后端分别部署,前端使用Vue框架,后端常用SpringBoot框架。后端部署较为简单,通常打包成Jar包上传服务器,用命令启动即可。前端部署则需要Nginx反向代理解决跨域问题。
一、安装Nginx
Nginx安装详细步骤可参考相关文章,重点是确保安装完成后可通过浏览器访问服务器IP或域名。
二、前端Vue项目打包
执行npm run build打包,生成dist目录下的静态文件。注意给dist目录Recursive权限,使用chmod -R 777命令。
三、配置Nginx反向代理
配置nginx.conf,反向代理路径需与前端项目配置一致。例如,root指向dist目录,/api反向代理后端服务器地址和端口。
四、可能遇到的问题
403权限不足
- 检查dist目录权限,确保777。
- 查看nginx日志或修改user root权限。
其他问题
- 检查nginx配置是否正确。
- 查看启动日志或重启服务。
完成以上步骤后,访问服务器IP或域名即可使用前端页面。
发表评论
最新留言
不错!
[***.144.177.141]2025年03月28日 12时50分11秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
YbtOJ 递推算法课堂过关 例5 平铺方案【递推(简单DP)】
2019-03-04
YbtOJ hash和hash表课堂过关 例1 字符串哈希【hash】
2019-03-04
CSUST 2021 周赛 2 题解
2019-03-04
前后端数据交互之表单
2019-03-04
剑指offer JZ15 反转链表
2019-03-04
剑指offer JZ21 栈的压入弹出序列
2019-03-04
剑指offer JZ31 整数中1出现的次数
2019-03-04
实现基于scrapy框架的天气预报爬虫hengYangSpaider @572311文
2019-03-04
maven打包指定名称并去除jar-with-dependencies后缀
2019-03-04
Netty4服务端入门代码示例
2019-03-04
操作系统前传第六课--开发中的辅助工具
2019-03-04
Linux系统编程44 信号 - 信号的响应过程分析!!!
2019-03-04
VL53L0x TOF激光测距的 stm32 HAL库驱动代码
2019-03-04
怎么玩LOG4J
2019-03-04
Oracle创建用户,分配表空间
2019-03-04
自定义标签(JSP2.0)简单标签
2019-03-04
MyBatis自定义类型转换器
2019-03-04
机器学习(湖北师范大学教程)-极大似然估计算法
2019-03-04
【C# 重构】—参数化查询, 需要参数,但未提供该参数
2019-03-04
决策树(二)—— ID3和C4.5
2019-03-04