windows12 服务器 nginx部署vue 项目
时间: 2023-06-21 13:04:23 浏览: 69
首先,你需要在 Windows 12 服务器上安装 Nginx。你可以从官方网站上下载 Nginx 的 Windows 版本,并按照官方文档的指引进行安装。
接下来,你需要将 Vue 项目打包成静态文件。在 Vue 项目的根目录下运行以下命令:
```
npm run build
```
这将会在 `dist` 目录下生成静态文件。
接着,将静态文件放置到 Nginx 的 HTML 根目录中。默认情况下,Nginx 的 HTML 根目录是 `C:\nginx\html`。你可以将打包好的静态文件复制到该目录下。
最后,修改 Nginx 的配置文件,将请求重定向到静态文件。在 Nginx 的配置文件中添加以下内容:
```
server {
listen 80;
server_name localhost;
location / {
root html;
index index.html;
try_files $uri $uri/ /index.html;
}
}
```
保存配置文件并重启 Nginx 服务,你就可以通过浏览器访问 Vue 项目了。