鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue-cli打包之后，如何用express搭建一個(gè)服務(wù)器運(yùn)行dist文件中的文

vue-cli打包之后，如何用express搭建一個(gè)服務(wù)器運(yùn)行dist文件中的文件

1、vue-cli項(xiàng)目運(yùn)行npm run build之后生成dist文件
2、直接打開index.html路徑引用會(huì)發(fā)生問題，提示我需要放在服務(wù)器中打開
3、嘗試用express搭建一個(gè)服務(wù)器

clipboard.png

服務(wù)器代碼

var express = require('express')
var app = express()
app.use(express.static("./static"));
app.get('/',function(req, res) {
    res.sendfile("./index.html");
})
app.listen(3000)

報(bào)錯(cuò)信息

clipboard.png

4.現(xiàn)在我的疑問是雖然設(shè)置了靜態(tài)服務(wù)器，但是用npm run build之后文件的引用的路徑會(huì)多出一個(gè)static。
http://localhost:3000/static/css/app.49e9885b54352f5af5deddbd6e5969f5.css
所以會(huì)報(bào)404,

5.想知道express中如何處理這個(gè)問題

回答
編輯回答
選擇

app.use(express.static("./dist/static"));
這樣才對(duì)吧

2018年1月1日 09:24
編輯回答
故林

build前把config/index.js中的
assetsPublicPath: '/'->assetsPublicPath: './'

2018年5月13日 01:29
編輯回答
陪她鬧

打包是要先配置好你的靜態(tài)資源目錄。
assetsPublicPath
參考這里webpack打包后的靜態(tài)資源問題

2017年6月2日 16:18