Linux最全项目部署——Vue项目部署到云服务器(linux)_linux部署vue项目,近期有面试的必看
以下是部署Vue项目到Linux服务器的步骤概述和示例代码:
- 安装Node.js和npm:
sudo apt update
sudo apt install nodejs
sudo apt install npm
- 确认安装成功:
nodejs --version
npm --version
- 安装Vue CLI:
npm install -g @vue/cli
- 创建新的Vue项目(如果你已有项目则跳过此步):
vue create my-vue-app
- 进入项目目录:
cd my-vue-app
- 构建项目:
npm run build
- 安装nginx:
sudo apt install nginx
- 配置nginx服务器块,编辑
/etc/nginx/sites-available/default
:
server {
listen 80;
server_name your_domain_or_IP;
location / {
root /path/to/your/vue/project/dist;
try_files $uri $uri/ /index.html;
}
}
- 重新加载nginx配置:
sudo nginx -s reload
- 如果你的服务器使用的是非80端口,确保你的安全组规则允许访问该端口。
- 现在你可以通过服务器的IP地址或域名访问你的Vue应用了。
注意:以上步骤提供了一个概览和示例,根据你的具体需求和环境,可能需要额外的步骤。
评论已关闭