请问老师，关于json文件的路径问题
来源：2-11 Vue项目首页 - 使用axios发送ajax请求
张月白
2020-12-03 15:43:38
# 具体遇到的问题
课程中实现/api代替json的路径，是通过config文件夹下的index.js输入
pathRewrite:{
'^/api':"/static/mock"
}
这和通过build文件夹下webpack.base.conf.js输入
'api':resolve('static/mock/index.json')
有什么区别吗？两者会达到同样的效果吗？
在这里输入代码，可通过选择【代码语言】突出显示
写回答
1回答
-
同学你好，二者不一样，区别如下：
1、pathRewrite是用来配置转发的，它针对的是ajax请求，即当发送ajax请求时，请求的路径会受该属性影响，比如home.vue页面中，发送“/api/index.json”这个路径，实际上是请求的是“http://localhost:8080/static/mock/index.json”这个路径，它可以让我们简写ajax请求中的地址。
2、'api':resolve('static/mock/index.json')这句话，是用来配置路径别名的，它针对的是页面中，使用import导入内容时，内容对应的路径，即它可以简写导入内容的路径：
综上，二者不是一个作用，因此不能相互替代，要各自独立设置。
祝学习愉快！
1
相似问题