vue-cli建立的項目部署在相對路徑,你須要作這些。

若是靜態文件不是部署在網站根目錄下,vue-cli將給你形成巨大的麻煩。vue

你不能直接把build好的文件拋進一個目錄。
你不能直接在本地打開用vue作好的靜態網站。vue-cli

改爲相對路徑,主要須要作兩步。npm

一、修改config => index.js => build => assetsPublicPath 中的'/'成爲'./'服務器

clipboard.png

二、在build => util.js 裏找到ExtractTextPlugin.extract網站

增長一行:publicPath: '../../'ui

clipboard.png

以後,你使用npm run build打包出來的文件,就能夠直接打開運行啦!也能夠直接做爲HTML靜態頁面仍進服務器spa

相關文章
相關標籤/搜索