上传文件至云服务器
一、打包文件
在项目根目录下运行
npm run build
等待命令运行结束后,会发现目录下多了 dist 文件夹,这个文件夹就是我们等下要放到服务器中的。
二、文件传输
- 打开 Xftp与实例建立连接
- 云服务器Apache默认的根目录是/var/www/html,因此我们在这个目录下新建music文件夹(这里以我的项目文件名为例)
- 将项目本地的dist文件夹的内容移到云服务器music文件夹下(准备好前端资源)
- 将项目本地的server文件夹也移到云服务器dist文件夹下(这里注意不要复制node_modules文件夹)
- 补充当时后台代码路径:C:\try\Vue-mmPlayer-master\dist
这里再补充一个项目:
电商后台管理项目:http://arwin521.top/vue/
这里将本地dist文件夹中的内容,放在了vue文件夹内,若直接将dist文件夹拖到vue路径