npm run build之后

来源：2-1 vue三个特点

Janegaoo

2017-05-11

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

写回答

3回答

fishenal

2017-05-17

已采纳

不是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

感谢老师！！！

2017-05-17

共1条回复

fishenal

2017-05-15

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

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

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

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

走，停。。？

2017-05-16

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

Janegaoo

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

2017-05-16

共1条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0，组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程

相似问题

有没有什么办法不在服务器上，打包后，点击html就可以看到效果

回答 2

关于npm run build打包的问题

回答 2

执行npm run biuld报错问题

回答 1

在webpack（css单独提取出来）打包后，背景图路径不对

回答 2

用API接口怎么在线上测试需要先打包么能只打包想测试的页面么

回答 2

打开慕课网App查看更多内容