如何將vuejs項目部署到heroku

Question

我正在本地項目https://github.com/misterGF/CoPilot上工作，但現在它已經完成了，我想把它推到heroku。 問題是告訴heroku啟動應用程序。

在heroku示例中，演示服務器在從Procfile包含此數據的信息后運行

web: node index.js

但在我的vuejs項目中，沒有為服務內容的index.js。

我只有主要的入口點是index.html ，而procfile不能用於HTML。

Answer 1

您還需要定義一個小型靜態服務器來為index.html文件提供服務。 一個簡單的示例設置將使用http-server ：

npm install -S http-server

並且您的Procfile變為：

web: http-server ./ -p $PORT

Answer 2

使用http-server 。 但是包不是全局安裝的，所以你必須使用它的完整路徑，如下所示：

web: ./node_modules/http-server/bin/http-server ./ -p $PORT

Answer 3

您需要更新package.json文件以讓heroku了解這些包，例如，如果您使用express來提供文件：

"scripts": {
   "postinstall": "npm install express"
 }
 // "start": "node server.js" (executing server.js) during start

server.js

var express = require('express')
var path = require('path')
var serveStatic = require('serve-static')

var app = express()
app.use(serveStatic(path.join(__dirname, 'dist')))

var port = process.env.PORT || 8000
app.listen(port)
console.log('server started ' + port)

不要忘記建立 。

在這里閱讀更多關於構建conf的信息： 自定義構建過程 - Heroku

如果這是一個選項，你也可以像這樣全局安裝http-server：

npm install -g http-server

並更新Procfile以添加上述答案中提到的配置。

想知道：

• npm install將安裝“dependencies”和“devDependencies”
• npm install - 生產只會安裝“依賴項”
• npm install - dev只會安裝“devDependencies”