前端VUE工程不占用80端口,瀏覽器不帶端口訪問VUE項目的實現

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。

1.需求:直接域名訪問項目,不用IP,也不帶端口號。

1)訪問項目方法通常是 IP:端口,不想帶端口時可把這個工程部署在80端口上,這樣可以默認80,URL上不用寫端口號。

?

2.? 不用把前端工程部署在80端口上。

1)把前端工程部署在3000端口上,后端工程部署在8089上,由 nginx 監聽 80 端口并作代理。

2)nginx.conf 配置:

server {listen       80;server_name  ergouzi.fun; # 域名或者服務器IPlocation / {root   /usr/local/dist; # vue項目dist所在路徑index  index.html index.htm;}location /gentle/ {  # gentle 是后端工程名,可區分不同后端工程  proxy_pass  http://localhost:8089;  # 后端工程請求地址  }location /dagouzi/ {   # dagouzi 是另一后端工程    proxy_pass  http://localhost:8088;    proxy_set_header X-real-ip $remote_addr;    proxy_set_header Host $http_host;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}

這樣,服務器根本不用對外開放 3000、8089、8088 這些端口。

?

瀏覽器上直接訪問 server_name 中配置內容就可以了。比如,我這就是直接訪問 :ergouzi.fun。

(PS:ergouzi.fun 我這個域名還未備案通過,目前尚只能訪問對應IP。)

?

補充:前端請求后端接口方式為:

?

?

?

?

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/447802.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/447802.shtml
英文地址,請注明出處:http://en.pswp.cn/news/447802.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

新駕考科目三有四個地方易犯錯 多名教練提供對策

駕考科目三 四個地方易犯錯 多名駕校教練為學員分析原因提供對策 “現在電子評判,比起原來人工評判,更客觀,更公平。”有駕校教練把自己這兩天當安全員參加考試的經驗拿出來與學員們分享。 18分鐘來得及 “考試時間完全夠用!”20日安康達駕校…

個人看過的動漫、動畫電影推薦

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 我看過的不多,反正我覺得都挺好看的。 個人比較喜歡看電影版本的,不偏好多集的正宗動漫, 一集一集太…

廣州科目三路考經歷與注意事項分享

在百度找不到具體的廣州本地車考考路面的流程,本人上周五剛剛考過了路面,覺得應該將過程寫出來,以便后面的朋友或者想百度谷歌廣州本地車考考路面情況的網友們做個參考.首先,廣州本地考絕對沒有其它省市路考的那么復雜,舉例:1.下車檢查前后輪-廣州的路考不必;2.上車前喊報告什么…

ResourceDictionary主題資源替換(二) :編譯期間,替換主題資源

之前的ResourceDictionary主題資源替換(一)通過加載順序來覆蓋之前的主題資源,介紹了WPF框架對ResourceDictionary資源的合并規則。 此篇介紹一種在編譯期間,實現資源替換的方案 前言 如下圖,項目中存在倆個主題資源字…

解決 idea 中 jsp 修改后頁面不生效

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 1.問題描述:idea 編輯 jsp , 修改好后在 瀏覽器訪問卻發現頁面完全無變化 。 2.解決,要在 idea 中作如下設置&a…

廣州交警發布科目三路考秘笈

近段時間,如何通過新實行的科目三電子路考成為考車一族熱議的話題。各種“通關秘笈”在坊間流傳。為了讓廣大考生了解電子路考究竟怎么考,7日晚,廣州交警在微博廣州交警 上發布了官方“秘笈”:一段長9分鐘的科目三電子路考演示視頻…

test0

s 轉載于:https://www.cnblogs.com/oneTOinf/p/11527940.html

解決 :IDEA 修改代碼后 Local Changes 中沒有提示待提交文件,代碼自動提交了

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 1. 通常修改代碼后 會在 Local Changes 中提示修改過的文件,如下: 2. 我的情況是 ,在這個界面中什么…

3.1 go context代碼示例

context.WithCancel返回兩個有關聯的對象,ctx與cancel,調用cancel發送一個空struct給ctx,ctx一旦接收到該對象后,就終止goroutine的執行;ctx是線程安全的,可以同時傳遞給多個goroutine,觸發cancel時&#x…

JS 中去除空格和換行的正則表達式寫法

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 //去除空格 String.prototype.Trim function() { return this.replace(/\s/g, ""); } //去除換行 function ClearBr(key) {…

科目三電子路考哪些情況會被評判不合格

2014年駕考科目三電子路考時需要注意,出現下列情形會被評判為不合格: 1、不按規定使用安全帶或者戴安全頭盔的; 2、遮擋、關閉車內音視頻監控設備的; 3、不按考試員指令駕駛的; 4、不能正確使用燈光、雨刮器等車輛常用操縱件的; 5、起步時車輛后溜距離大…

FreeSql (一)入門

FreeSql 是一個功能強大的對象關系映射程序(O/RM),支持 .NETCore 2.1 或 .NETFramework 4.5(QQ群:4336577) FreeSql采用MIT開源協議托管于 github。 特性 [x] 支持 CodeFirst 遷移;[x] 支持 DbFirst 從數據庫導入實體類…

解決:Caused by: java.lang.UnsupportedOperationException: null

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 1.報錯: 嚴重: Servlet.service() for servlet [lbd-institution] in context with path [/ins] threw exception [Reques…

2014科目三大路考各項目操作要求

機動車駕駛員考試科目三大路考到底都考哪些項目呢?每個項目的具體考試要求分別是什么?下面就跟著小編一起來了解一下吧! 新駕考科目三考試內容及變化: A、上車準備;B、起步;C、直線行駛; D、加減擋位操作;E、變更車道; F、靠邊停…

FreeSql (二)自動遷移實體

FreeSql 支持 CodeFirst 遷移結構至數據庫,這應該是(O/RM)必須標配的一個功能。 與其他(O/RM)不同FreeSql支持更多的數據庫特性,而不只是支持基礎的數據類型,這既是優點也是缺點,優點是充分利用數據庫特性輔助開發,缺點…

IntelliJ IDEA 設置代碼檢查級別

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 設置代碼檢查等級 ??IntelliJ IDEA中最右下角的小按鈕可以設置當前編輯文檔的代碼檢查等級,如圖?? Inspections 為最高等…

科目三路考流程及注意事項

機動車駕駛員考試科目三路考考試流程可分為7個步驟,分別有什么注意事項,下面就讓小編給大家介紹下吧! 1.上車前,無論你在車輛的什么位置,請務必從車的右側繞過車頭走到駕駛室門前,先觀察車前道路上是否有障…

FreeSql (三)實體特性

主鍵(Primary Key) class Topic {[Column(IsPrimary true)]public int Id { get; set; } } 約定: 當沒有指明主鍵時,命名為 id 的字段將成為主鍵;(不區分大小寫)當主鍵是 Guid 類型時,插入時會自動創建&am…

spring 中構造Constructor、@Autowired、@PostConstruct、靜態方法的執行順序 (@PostConstruct 說明)

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 1. 關于注解 PostConstruct public interface PostConstructPostConstruct 注釋用于在依賴關系注入完成之后需要執行的方法上&#xff…

科目三靠邊停車駕駛流程

科目三靠邊停車項目考試要求是什么?靠邊停車駕駛難不難?有什么駕駛技巧嗎? 靠邊停車考試項目中規定,車前保險杠離目標前后均不超過1250px,車距目標的橫向距離保持在50-2500px之間,同時停車后車要與路邊平行…