使用iview脚手架进行run build打包，静态资源404？

Question

使用了iview脚手架进行开发，npm run dev是正常可以在8080端口运行，但是npm run build进行构建，打开生成的index_prod.html发现所有静态资源都404，是路径问题。
我是用webstorm打开的这个html，应该模仿的就是服务器环境，而不是一个html file.请问这个问题是正常的吗？我将构建的文件部署到服务器就会是好的吗？

Answer 1

config/index.js

assetsPublicPath: '/',

改成

assetsPublicPath: './',

Answer 2

打包之后应该以dist为根目录打开，只有dist目录下的文件才是打包之后生成的

以dist为根目录打开/dist/index.html

建议使用node.js的http-server来打开，这样可以自定义端口号

1.安装(建议全局)

 npm -g install http-server

2.使用

  cd dist
  http-server -a 0.0.0.0 -p 1234
  

3.浏览器打开localhost:1234即可

Answer 3

谢邀，第一次收到邀请。很激动。
首先注意：不能把static/images/user.png写成 /static/images/user.png，否则图片还是失效。
然后去webpack里面配置一下生产环境的静态资源访问路径。config 下面的index.js 文件将/ 改为./（好像我回答的方向跑偏了。逃~老李不要笑）