vue 前端配置token遇到跨域问题,跨域解决方法
1.因为默认配置文件vue.config.js的时候目标主机地址已经改成/api// 修改配置后一定要 重新npm run serve !!!module.exports = {devServer: {// vue项目启动时的ip地址和端口host: "localhost",port: 8000,proxy: {// 匹配所有以 /api 开头的url"/api": {// 请求的目标主机t
·
1.因为默认配置文件vue.config.js的时候目标主机地址已经改成/api
// 修改配置后一定要 重新npm run serve !!!
module.exports = {
devServer: {
// vue项目启动时的ip地址和端口
host: "localhost",
port: 8000,
proxy: {
// 匹配所有以 /api 开头的url
"/api": {
// 请求的目标主机
target: "http://127.0.0.1:23333/pv",
changeOrigin: true,
//这样重写会把,路径中 /api 消去
pathRewrite: {
"^/api": ""
}
}
}
}
};
所以在统一的Api配置文件中,将路径地址改为/api即可
改之前
const ServerURL = "http://localhost:23333/pv/";
const URL = {
base: ServerURL,
// user
userRest: ServerURL + "user",
getToken: ServerURL + "user/getToken",
};
export default URL;
改之后
const ServerURL = "/api/";
const URL = {
base: ServerURL,
// user
userRest: ServerURL + "user",
getToken: ServerURL + "user/getToken",
};
export default URL;
更多推荐
已为社区贡献7条内容
所有评论(0)