移動使用webpack構建的vuejs應用程序

我使用vue-cli和webpack模板創建了一個Vuejs2應用程序。所有工作正常，同時使用npm run dev。我已經準備好了釋放到生產，所以我着手建設使用npm run build其輸出的應用：如果我去dist目錄移動使用webpack構建的vuejs應用程序

⠋ building for production... 
Starting to optimize CSS... 
Processing static/css/app.c8922694f1a64e6d88212a475e9acb3d.css... 
Processed static/css/app.c8922694f1a64e6d88212a475e9acb3d.css, before: 13939, after: 13014, ratio: 93.36% 
Hash: 81c876041faf79bde1db 
Version: webpack 2.4.1 
Time: 15715ms 
                Asset  Size Chunks     Chunk Names 
       static/js/vendor.d14a81341e99db221385.js  595 kB  0 [emitted] [big] vendor 
          static/img/world.b9bd0db.png  407 kB   [emitted] [big] 
       static/fonts/Montserrat-Light.9e52b00.ttf  192 kB   [emitted]   
      static/fonts/VarelaRound-Regular.eefe486.ttf  135 kB   [emitted]   
         static/fonts/LANENAR_.97d2f1c.ttf 20.3 kB   [emitted]   
        static/js/app.7e05b814ec0b7b7e4286.js 17.8 kB  1 [emitted]   app 
      static/js/manifest.432e34173b16e9643e3a.js  1.5 kB  2 [emitted]   manifest 
    static/css/app.c8922694f1a64e6d88212a475e9acb3d.css  13 kB  1 [emitted]   app 
      static/js/vendor.d14a81341e99db221385.js.map 2.98 MB  0 [emitted]   vendor 
       static/js/app.7e05b814ec0b7b7e4286.js.map  113 kB  1 [emitted]   app 
static/css/app.c8922694f1a64e6d88212a475e9acb3d.css.map 26.3 kB  1 [emitted]   app 
     static/js/manifest.432e34173b16e9643e3a.js.map 14.4 kB  2 [emitted]   manifest 
              index.html 446 bytes   [emitted]   

    Build complete.

和dist目錄

和運行↳ python -m SimpleHTTPServer 8000然後一切工作正常。

我現在將dist目錄移動到我的服務器文檔根目錄，這就是一切崩潰的地方。該應用程序再也找不到編譯後的文件：

localhost/:1 GET http://localhost:8000/static/css/app.c8922694f1a64e6d88212a475e9acb3d.css 
localhost/:1 GET http://localhost:8000/static/js/manifest.432e34173b16e9643e3a.js 
localhost/:1 GET http://localhost:8000/static/js/app.7e05b814ec0b7b7e4286.js 
localhost/:1 GET http://localhost:8000/static/js/vendor.d14a81341e99db221385.js 
localhost/:1 GET http://localhost:8000/static/js/app.7e05b814ec0b7b7e4286.js

顯然，這是找錯了地方，應該找

http://localhost:8000/dist/static/css/app.c8922694f1a64e6d88212a475e9acb3d.css

這裏是index.html：

<script type=text/javascript src=/static/js/manifest.432e34173b16e9643e3a.js></script> 
<script type=text/javascript src=/static/js/vendor.d14a81341e99db221385.js></script> 
<script type=text/javascript src=/static/js/app.7e05b814ec0b7b7e4286.js></script>

我怎樣才能修改webpack配置使應用程序加載在服務器文檔根目錄下？

來源

2017-04-25 neric

難道不是按預期運行的名字，如果你的*內容*你的/ dist目錄複製到您的服務器的根？/dist目錄本身不應複製到您的服務器。 – TimHayes

是的，它的確如此。問題是我有我的服務器根下有多個東西，我做了這個應用程序坐在目錄''dist''或''我的應用程序' – neric

修改config/index.js像這樣下build部分：

assetsPublicPath: '/dist/'

的伎倆。

變化dist到whathever要使用

來源

2017-04-26 06:25:27 neric

感謝您的後續答案。 +1 – TimHayes

類似問題/解決方案：https：//forum.vuejs.org/t/how-to-set-root-base-url-for-a-vuejs-project/7682 – neric

移動使用webpack構建的vuejs應用程序

回答

相關問題