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

Nginx部署Vue項(xiàng)目添加訪問(wèn)后綴方式

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

Nginx部署Vue項(xiàng)目添加訪問(wèn)后綴

有時(shí)候會(huì)根據(jù)需要，區(qū)分不同的vue項(xiàng)目，這樣要加一個(gè)后綴，不加后綴，訪問(wèn)是http://localhost/，加一個(gè)后綴，app，訪問(wèn)路徑就是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

再訪問(wèn)時(shí)就要加上 app后綴了

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論