nginx部署多个vue前端时,前端项目的dist包放到哪里可以读取到
时间: 2024-03-17 10:45:16 浏览: 131
Vue-CLI 3.X 部署项目至生产服务器的方法
当nginx部署多个vue前端时,我们需要把前端项目的dist包放到nginx服务器的静态资源目录下,这样nginx才能读取到这些资源文件。通常情况下,nginx服务器的静态资源目录是在nginx.conf配置文件中指定的,例如:
```
server {
listen 80;
server_name example.com;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
}
location /app1 {
alias /path/to/app1/dist/;
index index.html;
}
location /app2 {
alias /path/to/app2/dist/;
index index.html;
}
}
```
在这个例子中,nginx服务器的静态资源目录是 `/usr/share/nginx/html`,而两个前端项目分别放在 `/path/to/app1/dist/` 和 `/path/to/app2/dist/` 目录下。这样,当访问 `example.com/app1` 或 `example.com/app2` 时,nginx服务器就会从对应的目录中读取静态资源文件。
阅读全文