欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Nginx部署Vue項目添加訪問后綴方式

 更新時間:2025年01月24日 09:10:57   作者:星巡打雜工  
文章介紹了如何根據(jù)需要為Vue項目配置不同的訪問路徑,并通過Nginx進行相應的配置,通過設置`vue.config.js`中的`publicPath`和`route`的`base`為`/app`,并將打包后的文件放入指定目錄,然后在Nginx配置中使用`alias`和`try_files`指令來處理路徑

Nginx部署Vue項目添加訪問后綴

有時候會根據(jù)需要,區(qū)分不同的vue項目,這樣要加一個后綴,不加后綴,訪問是http://localhost/,加一個后綴,app,訪問路徑就是http://localhost/app

一、vue工程配置

1.vue.config.js publicPath 配置為 /app/

2.route配置base為 /app,model為history

將打包后vue工程文件放入 /usr/share/nginx/html/app 目錄

二、nginx配置

server {
listen 80;
server_name ip地址或域名;
location /app {
alias /usr/share/nginx/html/app/;
try_files $uri $uri/ /app/index.html;
}

}

三、重啟nginx

再訪問時就要加上 app后綴了

總結

以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

最新評論