nginx部署laravel和vue

最新推荐文章于 2024-07-25 00:55:42 发布

流浪的的鱼

最新推荐文章于 2024-07-25 00:55:42 发布

阅读量1k

点赞数 2

分类专栏： laravel Vue

本文链接：https://blog.csdn.net/t595981879/article/details/100522178

版权

本文介绍在单域名环境下，如何部署Laravel作为后端、Vue作为前端的分离项目。首先，将Laravel代码上传到服务器，接着打包Vue应用并将dist文件上传。然后，需要修改Laravel的.env配置文件以匹配服务器设置，并确保文件有写入权限。最后，执行Vue的npm run build打包命令，将dist文件夹内容放在服务器相应路径，并更新nginx配置文件以正确代理请求。

摘要由CSDN通过智能技术生成

本次的配置只使用一个域名的情况下来部署前后端分离的项目，后端采用的技术是laravel，前端采用的技术是vue。前提说明，下文涉及到的代码放置位置，应该根据你实际情况决定。首先，将laravel的代码上传至 /data/web/project/api,然后将vue进行打包，将打包的dist文件上传至/data/web/project/app，最后修改nginx配置文件。上传laravel代码
修改.env文件中的配置项(数据库配置，redis配置…),确保与服务器的一致。
如果你有上传的操作，请确保该文件有写入的权限。
打包vue并上传
打包 npm run build,打包完成之后，在本项目会有一个dist的文件。
将dist上传至服务器相应的位置
nginx配置

server {
  listen   80;                                             # 监听的端口
  server_name  xxx.com;                                    # 域名
  root     /data/web/project/app/dist;                                 # dist文件位置
  index    index.html index.php;        

  location / {                                             # 匹配
    try_files $uri $uri/ /index.html;
  }

  location ~ \.(xlsx|csv) {                                # 下载路径
    root    /data/web/project/api/public;
  }

  location ~ \.php$ {