vue打包上线相关配置

1、打包：

npm run build

项目打包后，代码都是经过压缩加密的，如果运行时报错，错误信息无法得知是哪里报错
有了 map 文件就可以像未加密的代码一样，准确的输出哪一行那一列有错。
一般情况下时不需要保留的
在 vue.config.js 配置

module.exports = {
    productionSourceMap: false,
}

2、购买云服务器

Ⅰ、设置安全组让服务器的一些端口号打开
Ⅱ、使用xshell登陆服务器
linux指令：
linux根目录：/
linux常用指令：
cd 跳转目录 ls 查看 mkdir 创建目录 pwd 查看绝对路径
INSERT进入编辑模式 esc 退出 wq 保存

3、nginx

为什么访问服务器IP地址就能访问咱们的项目？-- 进行配置
http://xx.xxx.xxx/
刚刚在服务器上=>/root/xxx/xxx/xxx
项目的数据来自于http://xx/xx/xx
配置项：
Ⅰ: xshel1进入根目录/etc
Ⅱ: 进入etc目录,这个目录下有一个nginx目录,进入到这个目录【已经安装过nginx:如果没有安装过，四五个文件】
Ⅲ: 如果想安装nginx:yum install nginx
Ⅴ: 安装完nginx服务器以后,你会发现在nginx目录下,多了一个nginx.conf文件,在这个文件中进行配器Ⅵ: vim nginx.conf进行编辑,主要添加如下两项
解决第一个问题：

location / {
	root /root/jch/dist
	index index.html
	try_files $uri $uri/ /index.html
}

解决第二个问题：

location /api {
	proxy_pass http://xx.xx.xxx.xxx
}

Ⅵ: nginx报务器跑起来

service nginx start