npm run build之后

Question

老师求救，npm run dev是显示正常的，npm run build之后，然后我把dist下面的文件copy到本地搭建的服务器http://localhost:3000/下面，然后我访问http://localhost:3000/index.html，加载的文件都没问题，但是页面是空白的，为什么呢，网上搜索说打包的路径和路由都要设置下，我的打包路径都是默认的，应该怎么设置，捣鼓几天没搞出来，求老师帮忙看看呢~这个项目就是课程里的案例。

Answer 1

fishenal 2017-05-17 09:29:57

不是history模式的问题，是开启了h5 history模式要增加以下服务配置：

Apache

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f  RewriteCond %{REQUEST_FILENAME} !-d  RewriteRule . /index.html [L]</IfModule>

nginx

location / {  try_files $uri $uri/ /index.html;
}

Node.js (Express)

https://github.com/bripkens/connect-history-api-fallback

• 提问者 Janegaoo #1

  感谢老师！！！

Answer 2

fishenal 2017-05-15 13:52:02

页面空白？页面资源都加载进来了？有没有报错？

如果是index.html，直接访问localhost：3000就行了，不要加index.html，这可能导致问题。

本地服务器要配置一下支持h5的路由，刷新页面以后还能访问。

检查一下服务器的配置把，包括指向的目录。

Answer 3

走，停。。？ 2017-05-16 10:51:09

我也遇到同样的问题，请问解决了吗?

• 提问者 Janegaoo #1

  把mode的模式改了 不要history 这样路由会找不到