在阿里云服务器上通过Nginx配置不同二级域名的Vue项目时,如何正确设置Nginx以支持二级域名访问并调整Vue项目的静态资源路径?
时间: 2024-11-18 11:33:11 浏览: 1
为了在阿里云服务器上通过Nginx正确部署并管理不同二级域名下的Vue项目,你需要理解Nginx的配置和Vue项目的资源路径设置。
参考资源链接:[Nginx部署多Vue项目实战与配置教程](https://wenku.csdn.net/doc/645a0132fcc53913682627c9?spm=1055.2569.3001.10343)
首先,确保你的Nginx配置文件(通常位于`/etc/nginx/nginx.conf`或`/etc/nginx/conf.d/`目录下的配置文件)中正确设置了server块。你需要为每个二级域名指定一个`location`块,并设置正确的`root`或`alias`路径。例如,为`/student/login`路径配置如下:
```nginx
server {
listen 80;
server_name **.**.***.** student.**.**.***.**;
location /login {
root /path/to/login-project/dist;
index index.html index.htm;
}
location /student {
alias /path/to/student-project/dist;
try_files $uri $uri/ /student/index.html;
}
}
```
接着,调整Vue项目的`config/index.js`文件,更改`assetsPublicPath`以匹配你的二级域名路径:
```javascript
build: {
assetsPublicPath: '/student/',
}
```
确保Vue项目的`index.html`文件中包含了正确的`<meta-base>`标签,以指明资源加载的根路径:
```html
<meta-base href=
参考资源链接:[Nginx部署多Vue项目实战与配置教程](https://wenku.csdn.net/doc/645a0132fcc53913682627c9?spm=1055.2569.3001.10343)
阅读全文