Express.js 将HTML文件当成JS来渲染了

问答

Vvividwang发布于 8 年前最后回复 8 年前

634950

打包好前端文件之后，后端使用express，用浏览器访问发现返回了三个个文件，一个localhost，一个js文件，一个css文件，js文件中的内容是原本index.html的内容屏幕快照 2018-03-20 08.47.41.png ，然后浏览器报错：Uncaught SyntaxError: Unexpected token <

curl -i http://localhost:8000 HTTP/1.1 200 OK X-Powered-By: Express Accept-Ranges: bytes Cache-Control: public, max-age=0 Last-Modified: Mon, 19 Mar 2018 13:14:03 GMT ETag: W/"224-1623e653934" Content-Type: text/html; charset=UTF-8 Content-Length: 548 Date: Tue, 20 Mar 2018 01:19:07 GMT Connection: keep-alive

React AppYou need to enable JavaScript to run this app.

查看回复

MiYogurt#68 年前

app.use('/static', express.static(__dirname + '/build'));
app.use('*', (req,res) => {res.sendFile('./build/index.html')})

index.html 的 js 记得要加上 static

仔细阅读下文档不就知道了么。

vividwang#58 年前

引用 dbit-xia注释掉这一句试试 //app.use(’/’,(req,res,next)= { //console.log(path.resolve(‘build/index.html’)); //res....

@dbit-xia 这样会出现错误： Uncaught SyntaxError: Unexpected end of input main.617d6863.js:1

dbit-xia#48 年前

注释掉这一句试试

//app.use(’/’,(req,res,next)=>{ //console.log(path.resolve(‘build/index.html’)); //res.sendFile(path.resolve(‘build/index.html’)); //});

vividwang#38 年前

引用 MiYogurt

@MiYogurt 这样也是不行的

MiYogurt#28 年前

app.use('/', express.static(path.resolve(‘build’)));

vividwang#18 年前

后端代码如下 /**

Created by w on 2018/3/16. */ const express = require('express'); const app = express(); const router = require('./router'); const path = require('path'); const bodyParser = require('body-parser');

app.use(bodyParser.json()); app.use(bodyParser.urlencoded({extended: false}));

app.use('/user', router);

app.use('/',(req,res,next)=>{ console.log(path.resolve('build/index.html')); res.sendFile(path.resolve('build/index.html')); });

app.use(express.static(path.resolve('build')));

let server = app.listen(8000, function () { let host = server.address().address; let port = server.address().port;

console.log('Server running at http://%s:%s', host, port);

});

参与回复

登录后即可参与回复。登录

Express.js 将HTML文件当成JS来渲染了

回复 (6)

参与回复