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或域名即可使用前端页面。

    上一篇:GIT简介
    下一篇:Linux服务器搭建常见开发环境

    发表评论

    最新留言

    不错!
    [***.144.177.141]2025年03月28日 12时50分11秒