项目预计所有功能都实现啦,GitHub地址如果有什么功能问题,提出来哈。
建议先注册,如果觉得注册麻烦就直接登录哈,登录名:微笑(hhh,我也不知道为啥会注册成这样的)密码:123456
接下来几篇可能就是就项目中遇到的问题,统一记录一下。
webpack中处理跨域问题
- webpack代理应用的一个插件:webpack-dev-server,内置了
http-procy-middleware
可以解决请求url代理的问题。
原理:应用重定向的方式解决跨域问题,即就是,当后端的接口拥有独立的API,而前端想在同一个domain下访问接口的时候,可以通过设置proxy实现。
2.webpack.config.js中配置的文件:
3.使用
注:使用的url 必须以/开始 否则不会代理到指定地址。
fetch('/user/login').then(res => {
// 被代理到 http://test.xxx.com/user/login
return res.json();
}).then(res => {
console.log(res);
})
fetch('user/login').then(res => {
// http://localhost:8088/user/login 访问本地服务
return res.json();
}).then(res => {
console.log(res);
})
遇到的问题:
webpack-dev-server的默认服务器端口是8080,如果设定端口8088或者别的,但是出现错误,那就是没有找到
webpack.config.js
文件,或者webpack.config,js文件有错。
报错信息:
ERROR in multi (webpack)-dev-server/client?http://localhost:8080 ./src
Module not found: Error: Can't resolve './src' in 'F:\HappyMmall\mall'
@ multi (webpack)-dev-server/client?http://localhost:8080 ./src