如题,我用vue-cli创建的项目怎么部署到阿里云服务器上,服务器上需要装npm或者yarn吗?我看有人说直接npm run build,然后把生成的dist文件夹丢到服务器上就可以了。
求一下具体的操作步骤
如题,我用vue-cli创建的项目怎么部署到阿里云服务器上,服务器上需要装npm或者yarn吗?我看有人说直接npm run build,然后把生成的dist文件夹丢到服务器上就可以了。
求一下具体的操作步骤
我当时做的步骤是:
(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,百度一下文章也非常多;
搞清楚这两个项目也就部署好了
为什么我不在这说怎么安装怎么配置,这不是一两句话说明白的事,我描述不清楚;
6 回答3k 阅读✓ 已解决
6 回答2.3k 阅读
5 回答6.3k 阅读✓ 已解决
2 回答2k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
2 回答993 阅读✓ 已解决
2 回答1.7k 阅读✓ 已解决
在你输入npm run dev目录下,开启新的命令行,输入npm run build,然后你会看到你项目文件夹下会有一个dist文件夹,将里面的所有文件选中,复制到你的nginx配置的html文件夹下