vue等项目如何在本地查看效果
问题:npm install 下来的项目 通过 npm install , npm run dev 命令即可通过node配置的端口来测试访问,那么如何在本地环境中进行访问呢,如何在 github 上让别人访问呢?解决办法:使用 npm run build 运行打包项目代码。这时会生成 dist 目录,里面正常会有 index.html 文件 ,和 static 目录,static目录下存放
·
- 问题:
npm install
下来的项目 通过 npm install
, npm run dev
命令即可通过node配置的端口来测试访问,那么如何在本地环境中进行访问呢,如何在 github
上让别人访问呢?
- 解决办法:
-
使用
npm run build
运行打包项目代码。 -
这时会生成
dist
目录,里面正常会有index.html
文件 ,和static
目录,static
目录下存放静态资源文件。
如果你这时打开
index.html
文件就会发现,是一片空白。而且开启浏览器的调试模式,发现css
和js
的资源加载路径都是错误的。
- 只要修改
index.html
文件的加载静态资源路径就可以了 。
这里可以手动修改,或者去修改项目目录下的 config 文件夹里的 index.js 文件中的 build 对象,将 assetsPublicPath 中的 “/” ,改为 “你实际的加载路径” ,重新执行
npm run build
即可
更多推荐
已为社区贡献1条内容
所有评论(0)