1. 跨域
端口号不同
1.静态资源和API服务器放到一起
2.服务器关闭跨域
3.nignx代理
4.在仅仅只是开发时,配置devServe即可
在webpack.config.js下的derserve下,配置proxy
`proxy: {
"/api": "http://localhost:8888", //开启本地服务器代理
}` //有问题,请求地址为http://localhost:8888/api/users
解决方案
proxy:{
"api": {
target: "http://localhost:8888",
pathRewrite: { '^/api': '' } //正则写法,匹配上/api就替换为空字符串
//sercure: true, //安全,默认情况不接受转发https的https的服务器上
//changeOrigin: true, //修改源
}
}
2.webpack.config.js配置项
1.resolve:{
extensions: [".js",".json",".mjs"],
alias:{
"js": path.resolve(__dirname: "./src/js"),
}
}
2.devServer: {
contentBass: "./public",
hotL true,
},
target: "web"
3.webpack 生产与开发分离,根目录创建config,配置三个wepack.config.js
- webpack-dev-server -D //-D开发依赖,摆脱vue插件live-server实现实时刷新,