vue-cli创建的项目怎么部署到阿里云服务器上?

如题,我用vue-cli创建的项目怎么部署到阿里云服务器上,服务器上需要装npm或者yarn吗?我看有人说直接npm run build,然后把生成的dist文件夹丢到服务器上就可以了。
求一下具体的操作步骤

阅读 10.2k
5 个回答

在你输入npm run dev目录下,开启新的命令行,输入npm run build,然后你会看到你项目文件夹下会有一个dist文件夹,将里面的所有文件选中,复制到你的nginx配置的html文件夹下

我当时做的步骤是:
(1)npm run build生成dist文件夹
(2)将dist文件夹上传到服务器上
(3)服务器上配置nginx,访问路径指向dist文件夹下的index.html,这样当访问nginx中设置的地址的时候就可以显示dist文件夹下的index.html了。

其实楼上两个人的回答都是对的,只不过侧重点不一样,
实际上,既然你知道用npm run build 生成了文件,那你应该也看到了生成的都是js css 以及html文件,也就是说,不管服务器是什么系统,只要你的服务器上有支持http或者https的服务器软件就可以,我知道的有nginx和apache两种,只要安装了两个中的一个,并且配合好访问路径,把你生成的文件放到服务器下或者映射路径下,启动你的服务器软件即可,然后就可以使用你配置的路径访问项目,所以你需要搞明白两件事:
1、怎么安装nginx或者apache,百度搜索一下这种文章非常多;
2、怎么配置nginx或者apache,百度一下文章也非常多;

搞清楚这两个项目也就部署好了

为什么我不在这说怎么安装怎么配置,这不是一两句话说明白的事,我描述不清楚;

问题解决了项目其实是可以访问的,只是加载不到静态资源了,我把绝对路径改成相对路径就可以了,但是还有个小问题就是找不到图片资源了,我还在研究。。

阿里云现在楼主是用什么批量上传 dist 编译之后的目录的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏