前幾天寫一個項目,臨時需要打包出一個html文件,用 npm run build 命令打包以后發現index.html打開以后頁面是空白的,出現這樣的報錯: 報這個錯的原因其實是生成的index.html文件中引入的文件路徑出現問題,需要修改 publicPath 我就去 ...
vue . 打包后頁面空白,是因為打包使用的路徑直接用 ,而不是用 . ,. 指的是相對路徑,打包后放在服務器任何位置都行 在vue.config.js中配置 vue 中vue.config.js 中只需要配置 ...
2019-11-21 09:34 0 512 推薦指數:
前幾天寫一個項目,臨時需要打包出一個html文件,用 npm run build 命令打包以后發現index.html打開以后頁面是空白的,出現這樣的報錯: 報這個錯的原因其實是生成的index.html文件中引入的文件路徑出現問題,需要修改 publicPath 我就去 ...
Vue項目打包后,部署在服務器,訪問頁面出現空白一片 "好一似,食盡鳥投林,只剩下白茫茫大地,倒也真干凈!" '' Vue項目打包后,部署在服務器,訪問頁面出現空白一片, 到也真干凈 ...
vue-lic3.0默認不會自動創建vue.config.js文件,所以我們需要手動在目錄下創建一個(和package.json,README.md等文件同級) vue.config.js的內容: module.exports = { //... baseUrl ...
我用vue開發的一個小項目,項目開發出雛形,想打包一下放測試,但是我想放測試前自己檢查一下經過npm run build打包生成的項目,在本地服務器能不能正常跑,於是,經過網上大哥的幫忙,寫了個簡易的koa服務器,將打包好的dist文件,放到了服務器上。 說一下我的dist文件的結構,dist ...
1.解決頁面空白,找不到資源 在項目根目錄中的vue.config.js中publicPath: '/'修改為publicPath: './',如果沒有這個文件,新建一個,基礎代碼為: 2.解決路由不起作用: 將路由中的紅框里面的注釋掉,或者將history模式更改 ...
第一步 npm run build 打包 第二步 vue3.0要配置要在根目錄新建一個vue.config.js文件,和node_module 同級 module.exports = { outputDir: 'dist', //打包的文件名 ...
新建一個項目,使用vue-cli 3.0進行構建,使用了vux和vue-router,本地運行時是沒有問題的,但是在打包之后,頁面就一片空白,打開控制台會看到是各種資源引用出錯。 這是因為webpack的配置不對,只需要將webpack的配置修改一下就好。 vue-cli 3.0 內置 ...
原因:打包后的dist目錄下的文件引用路徑不對,會因找不到文件而報錯導致白屏。 解決辦法:修改一下config下面的index.js中bulid模塊導出的路徑。因為index.html里邊的內容都是通過script標簽引入的,而你的路徑不對,打開肯定是空白的。先看一下默認的路徑 ...