vue项目部署到linx服务器（debian）

vue项目发布：

在部署之前，先生成生产环境代码，运行以下指令，将会在项目根目录下生成一个dist目录，其中包含了用于生产环境的优化代码。

指令：

• npm run build:prod

---

代码上传：

将生成的dist目录中的代码上传到linux服务器，可以使用FTP,SCP等工具进行文件传输，也可以用U盘拷贝。

---

安装web服务器：

在linux服务器上，需要安装一个web服务器用来托管vue项目，这里用的nginx

---

安装nginx：

使用包管理器（apt）在linux服务器上安装Nginx

指令：

# Ubuntu/Debian

sudo su root
sudo apt update
sudo apt install nginx

# CentOS/RHEL
sudo yum install epel-release
sudo yum install nginx

---

配置nginx：

打开nginx的配置文件（通常是 /etc/nginx/nginx.conf），添加一个新的server配置块来指向您上传的Vue项目代码。

server {
    listen 80;
    server_name your_domain.com;  # 替换成您的域名或IP地址

    root /path/to/your/vue_project/dist;  # 替换成您上传的Vue项目的dist目录路径

    location / {
        try_files $uri $uri/ @rewrites;
    }

    location @rewrites {
        rewrite ^(.+)$ /index.html last;
    }
}

---

启动nginx服务：

配置完成后，重启Nginx服务，使其生效。

sudo service nginx restart

---

配置域名解析（如果有域名）：

如果您使用域名来访问Vue项目，确保您的域名已正确解析到您的Linux服务器的IP地址。这通常在您的域名注册商的控制面板中完成。

---

访问您的Vue项目：

现在，您应该能够通过域名或服务器IP地址来访问您部署在Linux服务器上的Vue项目。