摘要:本篇教程介绍了Node.js教程 如何解决axios请求本地的json文件在打包后路径出错问题,希望阅读本篇文章以后大家有所收获,帮助大家对Node.js的理解更加深入。
本篇教程介绍了Node.js教程 如何解决axios请求本地的json文件在打包后路径出错问题,希望阅读本篇文章以后大家有所收获,帮助大家对Node.js的理解更加深入。
<
vue 项目中使用axios请求了本地项目的static文件夹下的json文件,使用npm run build 打包后,在Hbuilder编辑器打开,页面报错404:
在浏览器打开的路径 //127.0.0.1:8020/poverty/dist/index.html
我们可以看到index.html前面还有两个文件层级,也就是说json文件的路径已经发生变化,而不是原来开发环境下的路径了。
下面我们使用 http-server来解决这个问题:
dell@DESKTOP-KD0EJ4H MINGW64 /f/05 poverty alleviation project/poverty/dist
$ npm install http-server -g
D:\nodejs\node_global\http-server -> D:\nodejs\node_global\node_modules\http-server\bin\http-server
D:\nodejs\node_global\hs -> D:\nodejs\node_global\node_modules\http-server\bin\http-server
+ http-server@0.11.1
updated 1 package in 6.234s
dell@DESKTOP-KD0EJ4H MINGW64 /f/05 poverty alleviation project/poverty/dist
$ http-server
Starting up http-server, serving ./
Available on:
//192.168.80.117:8081
//127.0.0.1:8081
Hit CTRL-C to stop the server
然后在浏览器打开 //127.0.0.1:8081 即可正常打开项目首页内容,并且之前的报错信息也没有了。
那么什么是 http-server,使用它有什么用呢?
1. 作为前端的同学来说,想要运行一段代码,但又没有必要使用tomcat或是Apache http server,这个时候,一个简单的轻量的http-server就能搞定。
2. 当前端开发完成后,需要我们打包部署,此时一般就会生成一个dist文件夹,里面存放的是一些静态文件,当我们在编辑器里直接运行这些静态文件时,很可能会出现“because its MIME type (‘text/html‘) is not a supported stylesheet MIME type, and strict MIME checking is enabled.”这类的关于MIME type的错误,还有就是上面出现的路径问题,这些错误是因为静态文件访问限制导致的,此时就可以使用http-server来搞定。
3. 可以使静态资源文件的任意一个目录成为服务器的目录,完全抛开后台的沉重工作,直接运行你想要的代码
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注WEB前端Node.js频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号