vue项目如何独立部署到服务

之前公司是把前端项目编译打包后,放在后端工程里面一起发布的,现在自己想研究一下,vue项目如何独立部署到服务,通俗的讲,前端部署自己的代码到服务,后端部署自己的代码到服务,前后端完全独立,这一块没有头绪,不知道如何弄,大佬们可以讲讲嘛?

阅读 364
评论
    6 个回答

    用了vue那你的项目应该已经是前后端分离了,只是发布流程上没有分开。实际上是一样的,web服务已经指定了文件夹的路径,你就只能往那个位置放,就算给你服务器的权限也是你自己把文件放到指定的位置,效果是一样的。干嘛非要自己放。

    除非你的意思的是新建一个web服务,跟服务端的服务分开,那就需要重新配置网关的nginx了。

      简单点的是 打包丢到服务器上去 或 git到服务器再打包, 然后用通过静态访问或代理能访问到到打包后的index.html就行

          • 862

          1.服务器配好nginx
          2.clone代码,在线打包,搞定

            1. git pull 拉取代码
            2. npm run build 打包
            3. nginx 代理到项目 dist 目录

            附 nginx.conf 配置

            server
            {
                listen 80;
                #listen [::]:80 default_server ipv6only=on;
                server_name demo.com; # 配置项目域名
                index index.html index.htm index.php;
            
                # 转给前端处理
                location /
                {
                    # 前端打包后的静态目录
                    alias /home/wwwroot/default/vue-demo/dist/;
                    #解决页面刷新404问题
                    try_files $uri $uri/ /index.html;
                }
            }

            参考 Nginx代理同域名前后端分离项目

              我们之前的部署方式是前端和后端都走docker
              前后端发版的时候,分别发对应docker镜像
              线上服务器部署的时候拉取对应的镜像即可,同时根服务,做一个nginx做proxy

                撰写回答

                登录后参与交流、获取后续更新提醒

                相似问题
                推荐文章