上传东西到虚拟主机
1、创建FTP账号
需要在虚拟主机管理面板中创建一个FTP账号，通常，虚拟主机提供商会提供一个FTP管理界面，通过该界面可以创建、删除和管理FTP账号，创建好FTP账号后，会得到一个用户名和密码，用于登录FTP服务器。
2、安装FTP客户端
接下来，需要在本地计算机上安装一个FTP客户端，常用的FTP客户端有FileZilla、WinSCP等，这些客户端可以帮助我们更方便地进行文件传输操作。
3、连接到虚拟主机
打开FTP客户端，输入虚拟主机的IP地址、用户名和密码，点击连接，连接成功后，可以看到虚拟主机上的文件列表。
4、上传文件
在文件列表中选择要上传的文件或文件夹，右键点击，选择上传，或者直接拖拽文件到FTP客户端窗口中，也可以实现文件上传，等待文件上传完成后，即可在虚拟主机上看到对应的文件或文件夹。
虚拟主机上传vue项目
1、将Vue项目打包
在本地计算机上，使用npm run build命令将Vue项目打包成生产环境所需的格式，打包完成后，会在项目根目录下生成一个dist文件夹，里面包含了打包后的静态资源文件。
2、通过FTP客户端上传dist文件夹
打开FTP客户端，连接到虚拟主机，将本地计算机上的dist文件夹拖拽到虚拟主机的对应位置，等待文件上传完成后，即可在虚拟主机上看到dist文件夹。
3、配置路由(可选)
如果需要让Vue项目在浏览器中直接访问，还需要配置路由，在Vue项目的src目录下，找到router文件夹中的index.js文件，修改其中的路由配置。
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
Vue.use(Router)
export default new Router({
routes: [
{ path: '/', name: 'HelloWorld', component: HelloWorld }
]
})
4、重启Web服务器(可选)
如果使用的是Nginx作为Web服务器，还需要重启Nginx服务以使配置生效，在命令行中执行以下命令：
sudo service nginx restart
至此，Vue项目已经成功上传到虚拟主机并运行在浏览器中。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/134511.html
微信扫一扫 