商品汇 ---day8

路由懒加载

当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效.

// 将
// import UserDetails from './views/UserDetails.vue'
// 替换成
const UserDetails = () => import('./views/UserDetails.vue')

---

打包上线

npm run bulid
项目打包后,代码都是经过压缩加密的, 如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错.

解决: 有了map就可以像未加密的代码一样,准确输出哪一行有错误.
若不需要也可以去掉:
vue.config.js配置
productionSourceMap: false

---

购买服务器

1. 阿里云
2. 腾讯云
3. …
   设置安全组,让服务器一些端口打开.
   利用xshell工具登录服务器

---

nginx反向代理的web服务器

为什么访问服务器IP地址就可以访问到项目?

需要配置一些东西
项目数据来自于另一台服务器

跨域时浏览器的限制,不是服务器的限制.
在etc中配置

nginx配置:

1. xshell进入根目录/etc
2. 进入etc目录, 这个目录下有一个nginx目录
3. 进入nginx目录[若没有安装就没有这个目录, 需要安装(yum install nginx)]
4. 安装完nginx服务器后,你会发现在nginx目录下,多了一个nginx.conf文件,在这个文件中进行配置.
5. vim nginx.conf进行编辑
6. nginx服务器跑起来