zoukankan      html  css  js  c++  java
  • npm run build 打包后,如何查看效果

    我们用vue-cli搭建的项目执行npm build后本地打开页面空白,如果才能查看npm run build之后的结果呢

    首先我们看一下提示

      Tip: built files are meant to be served over an HTTP server.
      Opening index.html over file:// won't work.

    这段话的意思就是说:构建文件务必放在一个HTTP服务器。直接打开index.html文件将不工作,那如何本地查看呢:
    (1)到项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”即可,就在前面加个点就可以了,

    现在再重新打包一次 npm run build,刷新你的页面,就可以看到啦

    (2)还有一种就是借助http-server:

    首先我们需要安装它命令npm install http-server -g,然后执行npm run build,之后进入打包的目录我这里是cd dist然后执行http-server就可以了

  • 相关阅读:
    Day 69
    Day 68
    Day 67
    Day 66
    Day 65
    Day 64
    Day 63
    Day 62
    Day 61
    Day 60
  • 原文地址:https://www.cnblogs.com/hongsusu/p/9437083.html
Copyright © 2011-2022 走看看