通过Nginx启动Vu简易指南:update:不同的操作系统安装方法不一样

通过Nginx启动Vue服务的简易指南


步骤一:安装Nginx

得在服务器上装上Nginx。不同的操作系统安装方法不一样。比如,在Ubuntu上,输入这个命令:

```bash sudo apt update sudo apt install nginx ``` CentOS上,就用这个命令: ```bash sudo yum install epel-release sudo yum install nginx ``` 装好之后,用这个命令启动Nginx: ```bash sudo systemctl start nginx ``` 然后,设置Nginx在系统启动时自动运行: ```bash sudo systemctl enable nginx ```

步骤二:构建Vue项目

你的Vue项目得先建好,然后在服务器上构建。比如,你本地已经开发好了,可以这样构建:

```bash npm run build ``` 构建完之后,Vue CLI会在项目目录下生成一个名为`dist`的文件夹,里面包含了所有静态文件,这就是你将来部署到Nginx上的东西。

步骤三:配置Nginx

接下来,要配置Nginx,让它知道Vue项目的静态文件在哪里。打开Nginx的配置文件,通常在`/etc/nginx/nginx.conf`。然后添加以下配置(把`/path/to/your/dist`替换成你的`dist`文件夹的路径):

```nginx server { listen 80; server_name yourdomain.com; location / { root /path/to/your/dist; try_files $uri $uri/ /index.html; } } ```

步骤四:启动Nginx

配置完成后,需要重新加载Nginx配置文件来应用更改:

```bash sudo nginx -t sudo systemctl reload nginx ``` 或者,如果你愿意,可以直接重启Nginx: ```bash sudo systemctl restart nginx ```

步骤五:访问Vue服务

一切准备就绪后,就可以通过浏览器访问你的Vue应用了。在浏览器地址栏输入你的服务器IP地址或域名,你就能看到你的Vue应用啦!