Question

我第一次同时在台式机和iPhone上尝试一些响应式设计。

我已经在Mac的IP地址上成功连接了我的iPhone（5s）和Mac OSX（Yosemite）。创建基本的Node Express服务器后，我确认“Hello World”响应在我的桌面Chrome和iPhone Safari上显示。

但是，当我尝试使用app.use（）提供静态html文件时，我只能在桌面Chrome上看到它。我的iPhone Safari停止显示任何内容。你能帮我辨认一下这个问题吗？非常感谢你！

这是我的文件结构： file structure 这是我的代码： server index.js：

const express = require('express');
const path = require('path');
const app = express();

app.use(express.static(path.join(__dirname, '/../client/public')));
app.get('/', (req, res) => {
  // this commented part won't work either:
  // res.status(200).sendfile(path.join(__dirname, '/../client/public/index.html'));
  res.status(200).send('I\'m from server')
});

app.listen(8080, function() {
  console.log('iphone dev app listening on port 8080');
});

这是我的index.html：

<!DOCTYPE html>
<html>
<head>
  <title>iPhone</title>
</head>
<body>
<div id="app"></div>
<script type="text/javascript" src="./assets/js/index.js"></script>
</body>
</html>

这是我客户端的index.js：

(function() {
  let app = document.getElementById('app');
  app.innerHTML = "I'm from js";
  console.log(app);
})();

Node Express提供的静态HTML不会显示在iphone

0 个答案: