总结

开发的项目为：https://github.com/vdorchan/vue-movie，最初使用 vue-cli 2 作为脚手架工具，后又使用 vue-cli 3 重构。 开发过程还是遇到了一些问题，现在试着回想并记录下来。 1、请求接口跨域 接口跨域可以通过 webpack 配置 API 代理解决 webpack 是借助 webpack-dev-server 插件提供开发服务器的，而 webpack-dev-server 使用 http-proxy-middleware 实现跨域代理。 const devWebpackConfig = merge(baseWebpackConfig, { // ... devServer: { // ... proxy: { '/api': { target: 'http://api.douban.com/v2', // 代理的API地址，就是需要跨域的API地址 changeOrigin: true, // 代理的API地址如果是域名就要加这个 pathRewrite: { '^/api': '', }, } } } }) 上面代码涉及到的参数说明： target 为代理的API地址，就是需要跨域的API地址 代理的API地址如果是域名就要加多个参数 changeOrigin: true pathRewrite 是路径重写，也就是说会修改最终请求的API路径，原本访问的是 http://api.douban.com/v2/api/xx，上面代码重写路径后最终访问 http://api.douban.com/v2/xx 2、第二次进入页面不刷新 应用使用了 vue-router，为了避免每次路由变化的时候都重新渲染组件，便配合用上了 keep-alive 组件。...