Nginx部署Vue項目添加訪問后綴方式
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后綴了
總結
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
使用log_format為Nginx服務器設置更詳細的日志格式方法
下面小編就為大家分享一篇使用log_format為Nginx服務器設置更詳細的日志格式方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03使用Bash腳本和Logrotate實現(xiàn)Nginx日志切割的方法
Logrotate是一個Linux系統(tǒng)上用來管理日志文件的工具,它可以定期輪轉日志文件、壓縮舊的日志文件以及刪除過期的日志文件,這篇文章主要介紹了使用Bash腳本和Logrotate實現(xiàn)Nginx日志切割,需要的朋友可以參考下2024-05-05Debian下搭建Nginx和Tomcat服務器實現(xiàn)負載均衡的方案
這篇文章主要介紹了Debian下搭建Nginx和Tomcat服務器實現(xiàn)負載均衡的方案,其主要思想依然是動靜分離并且以Nginx來進行反向代理這樣的路子,需要的朋友可以參考下2015-12-12nginx帶寬限制?limit_rate?limit_rate_after指令
這篇文章主要為大家介紹了nginx帶寬限制?limit_rate?limit_rate_after指令詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-04-04Nginx服務器中強制使用緩存的配置及緩存優(yōu)先級的講解
這篇文章主要介紹了Nginx服務器中強制使用緩存的配置及緩存優(yōu)先級的講解,一定程度上可以幫助大家解決Nginx不緩存或緩存失效的問題,需要的朋友可以參考下2016-01-01Nginx代理MySQL實現(xiàn)通過域名連接數(shù)據(jù)庫的詳細教程
我們的生產環(huán)境基本上都部署在云服務器上,例如應用服務器、MySQL服務器等,如果MySQL服務器直接暴露在公網(wǎng),就會存在很大的風險,為了保證數(shù)據(jù)安全,MySQL服務器的端口是不對外開放的,所以本文介紹了Nginx代理MySQL實現(xiàn)通過域名連接數(shù)據(jù)庫的詳細教程2024-07-07Nginx stub_status 監(jiān)控模塊的功能實現(xiàn)
本篇文章主要介紹了Nginx stub_status 監(jiān)控模塊的功能實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-03-03