[英]How to set root directory to fix 404 POST in javascript for Axios + Vue Component + Laravel
我正在遵循一个教程来学习Vue + Laravel,并在Vue组件脚本的这些行上将Axios用于Ajax请求。 导致我悲伤的错误是在控制台日志上:
POST http://localhost/favorite/2 404 (Not Found)
我的网站在wamp上的本地文件夹中,看起来像问题所在。 我无法使用常规的laravel“ Url('')帮助器函数来获取路由目录。因此,我将如何在javascript中进行此操作,而只是对本地主机站点进行硬编码,而这对于将其推送到真实服务器中是没有好处的。未来,谢谢!
http:// localhost / laravel / public /
methods: {
favorite(post) {
axios.post('/favorite/'+post)
.then(response => this.isFavorited = true)
.catch(response => console.log(response.data));
},
unFavorite(post) {
axios.post('/unfavorite/'+post)
.then(response => this.isFavorited = false)
.catch(response => console.log(response.data));
}
}
安装组件后,创建一个新的axios实例:
mounted() {
this.axios = axios.create({
baseURL: 'http://localhost',
});
}
您甚至可以将基本uri存储在data属性中:
data() {
baseUri: 'http://localhost',
},
mounted() {
this.axios = axios.create({
baseURL: this.baseUri,
});
}
然后,在以后的方法中,您可以使用this.axios
。 请参阅文档以供参考。
干杯!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.