前后端ajaxs数据交互 会经常遇到跨域问题,遇到问题不要慌
两种解决方法:一种是 找你家后端修改一下
一种:不用麻烦后端 自己便可以修改,通过vue脚手架进行修改
1.你先在文件夹下创建一个 vue-config.js文件内容如下
module.exports = {
pages: {
index: {
// entry for the page
entry: "src/main.js",
// the source template
template: "public/index.html",
// output as dist/index.html
filename: "index.html",
// when using title option,
// template title tag needs to be <title><%= htmlWebpackPlugin.options.title %></title>
title: "Index Page",
// chunks to include on this page, by default includes
// extracted common chunks and vendor chunks.
chunks: ["chunk-vendors", "chunk-common", "index"]
},
},
//代理服务器一:
// devServer: {
// proxy: "http://localhost:5000"
// },
//代理服务器二:
devServer: {
proxy: {
'/school': {
target: 'http://localhost:5000',
pathRewrite:{'^/school':''},
ws: true,
changeOrigin: true
},
}
}
};
2.ajax请求代码
getstudent() {
//借助一个vue-cli 开启代理服务器
axios.get("http://localhost:8080/school/students").then(
Response => {
console.log("1",Response.data)
},
error => {
console.log("2",error.message)
}
);
},