亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

vue-router改為history模式

yunhao / 1272人閱讀

摘要：打包好后本地測試運(yùn)行是否正常環(huán)境搭建這個(gè)時(shí)候需要利用中的方法如下安裝最新版本中將命令工具分家出來了還需要安裝一個(gè)命令工具創(chuàng)建一個(gè)工程進(jìn)入項(xiàng)目主目錄安裝必備包啟動(dòng)程序把打包后的文件夾放在文件夾里訪問就能看到項(xiàng)目了這樣測試好了后就可以丟后

打包好后本地測試運(yùn)行是否正常
環(huán)境搭建：

這個(gè)時(shí)候需要利用node中的express,方法如下:
安裝express: npm install -g express;
最新express4.0版本中將命令工具分家出來了,還需要安裝一個(gè)命令工具: npm install -g express-generator;
創(chuàng)建一個(gè)express工程: express helloworld;
進(jìn)入項(xiàng)目主目錄: cd helloworld;
安裝必備包: npm install;
啟動(dòng)程序: npm start;
把打包后的dist文件夾放在public文件夾里,訪問http://localhost:3000/dist就能看到項(xiàng)目了,這樣測試好了后,就可以丟后臺(tái)了

存在問題： 提示css文件和mainfest.js文件404，且提示webpack.jsonp is undefined(這個(gè)錯(cuò)誤是由于mainfest.js文件404導(dǎo)致，因?yàn)閍pp.js和其他的js文件用到了webpack.jsonp，但是他是在mainfest中定義的)
解決404問題： 在config文件夾中的index.js中設(shè)置一個(gè)路徑問題,不然也會(huì)報(bào)錯(cuò),在js中找到build:{assetsPublicPath: "./"},默認(rèn)路徑是"/",需要加上"."

相關(guān)參考鏈接： https://www.jb51.net/article/...

         https://blog.csdn.net/GossipHHH/article/details/78749308

route使用history模式，去掉鏈接里的#號(hào)
踩過的坑：

1. 

這樣配置
這里assetsPublicPsth寫成‘./’(是在當(dāng)前目錄下去找靜態(tài)文件)，導(dǎo)致刷新頁面或者直接訪問頁面localhost:3000/versionflow/mychange的時(shí)候提示資源文件404


**原因： ./ 代表的是去當(dāng)前目錄下找靜態(tài)文件，所以程序會(huì)在public/versionflow下去找靜態(tài)文件，但是并沒有versionflow這個(gè)文件夾，所以會(huì)提示404（根目錄為public）**


2. 

這樣配置，直接訪問就提示找不到靜態(tài)資源404，

算了不寫了，千坑萬坑都是自己親手挖的

正確寫法

assetsSubDirectory設(shè)置的文件需要能夠在根目錄(需要在哪個(gè)目錄下找是根據(jù)assetsPublicPath的設(shè)置決定的)下找到
地基沒有打牢，重新打一下地基

=========================================轉(zhuǎn)載
首先要說的是 ./ ../ /
/ 取根目錄:
file:///
./ 取當(dāng)前目錄:
file:///Users/xxx/Documents/projects/outsourcing/youreact/dist/
../ 取當(dāng)前目錄的上一層目錄:
file:///Users/xxx/Documents/projects/outsourcing/youreact/

assetsRoot:構(gòu)建輸出目錄 也就是構(gòu)建后的東西都扔這里
assetsSubDirectory:資源子目錄 除了index.html，其余的js img css都分在這里
assetsPublicPath:項(xiàng)目目錄 一個(gè)杠杠 啥意思呢，是根目錄的意思

作者：懶先森
鏈接：https://www.jianshu.com/p/947...
來源：簡書
簡書著作權(quán)歸作者所有，任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/96766.html

相關(guān)文章

  • Vue-router History模式下，空白頁面，如何配置tomcat服務(wù)器

    摘要：頁面剛用開發(fā)項(xiàng)目沒多久，很多時(shí)間都在坑里慢慢摸索，今天要填的坑是在開啟模式后，直接進(jìn)入路由子目錄，頁面會(huì)報(bào)。模式配置文檔中寫了和服務(wù)器如何配置，這里添加一下服務(wù)器里使如何配置的。結(jié)束到此結(jié)束，此致敬禮 頁面404 剛用vue開發(fā)項(xiàng)目沒多久，很多時(shí)間都在坑里慢慢摸索，今天要填的坑是在vue-router開啟history模式后，直接進(jìn)入路由子目錄，頁面會(huì)報(bào)404。為什么呢，原因很簡單。因...

    EddieChan 評(píng)論0 收藏0

  • Vue Router history模式的配置方法及其原理

    摘要：但如果要使用模式，我們需要在后端進(jìn)行額外配置。模式的配置方法我們來看看官方文檔是教我們怎么配置的模式。模式的配置實(shí)踐及原理強(qiáng)烈建議閱讀這部分之前，先看一下的這部分文檔和這部分文檔。只配置前端的情況首先，我們將設(shè)置為，但不配置后端。 始發(fā)于我的博客 ryougifujino.com，歡迎訪問留言。 vue-router分為hash和history模式，前者為其默認(rèn)模式，url的表現(xiàn)形式為...

    Richard_Gao 評(píng)論0 收藏0

  • history和hash，vue-router

    摘要：另外該事件只針對(duì)同一個(gè)文檔，如果瀏覽歷史的切換，導(dǎo)致加載不同的文檔，該事件不會(huì)被觸發(fā)使用的時(shí)候，可以為事件指定回調(diào)函數(shù)或者回調(diào)函數(shù)的參數(shù)是一個(gè)事件對(duì)象，它的屬性指向和方法為當(dāng)前所提供的狀態(tài)對(duì)象即這兩個(gè)方法的第一個(gè)參數(shù)。 history window.history(可直接寫成history)指向History對(duì)象，它表示當(dāng)前窗口的瀏覽歷史。History對(duì)象保存了當(dāng)前窗口訪問過的所有頁...

    godiscoder 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<