vue項目在線上服務器訪問失敗原因分析
珊妹兒遇到一個奇葩問題哈,跟大家伙來分享分享,首先因為剛接手的項目,我還沒有線上服務器的連接信息,前端代碼都是我打包好給別人,別人傳到服務器的,傳到線上服務器訪問不了,這就是中間出現(xiàn)了問題。
所謂,打包就是壓縮的概念,而壓縮文件再次壓縮就會導致文件成倍的增大,這中間就出現(xiàn)了很多問題,我們排除了很多問題都沒找見原因,后來我就尋思拿U盤拷一份再試試,結(jié)果成功了?。。。?!
據(jù)珊妹兒多年經(jīng)驗來分析,用U盤直接拷貝的是源文件,而壓縮完傳過去的壓縮包再解壓縮,就不是原來的文件了!嗯 應該是這個原因。。。。。。
補充知識:vue項目在使用ip地址加端口號不能訪問時
修改package.json文件的scripts屬性下的dev屬性
加上–host 0.0.0.0后再重啟服務器
"scripts": { "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "lint": "eslint --ext .js,.vue src", "build": "node build/build.js" }
以上這篇vue項目在線上服務器訪問失敗原因分析就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
解決electron打包vue-element-admin項目頁面無法跳轉(zhuǎn)的問題小結(jié)
這篇文章主要介紹了解決electron打包vue-element-admin項目頁面無法跳轉(zhuǎn)的問題小結(jié),本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-03-03vue緩存的keepalive頁面刷新數(shù)據(jù)的方法
這篇文章主要介紹了vue緩存的keepalive頁面刷新數(shù)據(jù)的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-04-04Vue Element前端應用開發(fā)之功能點管理及權(quán)限控制
在一個業(yè)務管理系統(tǒng)中,如果我們需要實現(xiàn)權(quán)限控制功能,我們需要定義好對應的權(quán)限功能點,然后在界面中對界面元素的功能點進行綁定,這樣就可以在后臺動態(tài)分配權(quán)限進行動態(tài)控制了,權(quán)限功能點是針對角色進行控制的,也就是簡稱RBAC(Role Based Access Control)。2021-05-05