vue等项目如何在本地查看效果

• 问题：

npm install 下来的项目 通过 npm install , npm run dev 命令即可通过node配置的端口来测试访问，那么如何在本地环境中进行访问呢，如何在 github 上让别人访问呢？

• 解决办法：

  1. 使用 npm run build 运行打包项目代码。

  2. 这时会生成 dist 目录，里面正常会有 index.html 文件 ，和 static 目录，static 目录下存放静态资源文件。

     如果你这时打开 index.html 文件就会发现，是一片空白。而且开启浏览器的调试模式，发现 css 和 js 的资源加载路径都是错误的。

     

  3. 只要修改 index.html 文件的加载静态资源路径就可以了 。

     这里可以手动修改，或者去修改项目目录下的 config 文件夹里的 index.js 文件中的 build 对象，将 assetsPublicPath 中的 “/” ，改为 “你实际的加载路径” ，重新执行 npm run build 即可