目录
1.创建项目
1.1.命令
- vue init webpack my-project
- cd my-project
- npm run dev
1.2.常见报错
- webpack版本和webpack-dev-server版本不兼容
2.主逻辑介绍
- index.html: 唯一页面
- router/index.js: 路由控制
- src/App.vue: 默认显示页面(适合用作导航栏)
- src/main.js: dom生成与注入，控制指定页面上的虚拟dom注入index.html，默认为src/App.vue
3.解决跨域问题
即使在同一台服务器上，只要端口号不同也会产生跨域问题
- 在config/index.js中配置代理
- 在config/dev.env.js中配置代理，按代理名称填写
- 在config/prod.env.js中配置代理，按后端服务器IP填写
- 通过npm重新启动项目
原API: http://localhost:8080/fake/string
采用代理后在js中调用的API: /api/fake/string
采用代理后在浏览器中显示的API:http://localhost:8080/api/fake/string