浅谈vue的踩坑路

2023-09-25 13:29:05 60

------>axios模拟getjson一直拿不到文件，先把data放到根目录，再去dev-server.js（就是npm执行的那个文件）里面设置静态资源访问路径app.use('/data',express.static('./data'))

...
app.use(hotMiddleware)

//servepurestaticassets
varstaticPath=path.posix.join(config.dev.assetsPublicPath,config.dev.assetsSubDirectory)
app.use(staticPath,express.static('./static'))

app.use('/data',express.static('./data'))/*其实只有这一行，特别注意，这个不加拿不到json*/

varuri='http://localhost:'+port
...

------->拿不到图片，因为webpack打包后文件的名字可能会改变，so要看webpack的配置文件

{
test:/\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader:'url-loader',
options:{
limit:10000,
/*name:utils.assetsPath('img/[name].[hash:7].[ext]')这个会改变图片的名字*/
name:utils.assetsPath('img/[name].[ext]')
}
}

------->数据里面的值有一些有有一些没有，如下这种

[{
"gname":"小米MIX3",
"price":"3499",
"img":"http://localhost:8082/static/img/mix5.png",
"goods_des":"OLED显示屏幕，升级计步算法",
"review":"听说小米客服美眉很厉害送我一首藏头诗可好我爱钱天玉",
"review_author":"来自橙子的"
},{
"gname":"小米MIX4",
"price":"3499",
"img":"http://localhost:8082/static/img/mix5.png",
"goods_des":"6.4全面屏，全陶瓷机身"
}]

好，for循环的时候就要在相应的地方加上判断


{{item.flag}}



{{item.gname}}
{{item.goods_des}}
{{item.price}}


{{item.review}}
{{item.review_author}}

以上这篇浅谈vue的踩坑路就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

浅谈vue的踩坑路

热门推荐

随机推荐