云服务器Ubuntu部署vue项目

我使用的是vscode

1. CTRL + ~ 快捷键打开终端
2. 终端输入： npm run build

没有任何报错，看到下面你就成功

在左边目录你将会看到dist包

本地dist传到云服务器

推荐使用winscp，直接拖过去

winscp连接云服务器上传本地文件-优快云博客

dist可以放在任何自定义目录，比如：

自定义一个目录，dist存在proname_front目录下
后面以这个路径为例
cd /
mkdir projects
cd projects
mkdir proname_front

xshell远程操作云服务器

xshell7连接云服务器操作-优快云博客

配置nginx

如果你是第一次，完全可以用完的命令，后面你懂了再自定义

我的目标是配置上面的那个vue项目

新建myweb.conf

进入配置目录
cd  /etc/nginx/sites-enabled
新建一个myweb.conf配置文件
sudo touch myweb.conf

myweb.conf里配置项目

打开文件
vim myweb.conf
启用编辑模式（就是按一个建：i）
i
复制下面的server代码块，根据自己的需要修改
server {
   listen 80; # 设置服务器监听的端口号为80，默认端口，其他端口就要加上default_server
   root /projects/proname_front/dist; # 设置服务器的根目录为指定路径下的前端文件存放地址
   index index.html;  # 设置默认索引文件为index.html
   server_name your_ip;  # 设置服务器的域名或IP地址，用于匹配请求的主机头部
   location / {
       # 当请求的 URI 匹配当前位置（即根目录）时，如果找不到则重定向到index.html
       try_files $uri $uri/ /index.html;
   }
}

保存退出
按ESC，然后:wq

启动

检查有没有配置语法错误
sudo nginx -t 
重启nginx，激活新配置
sudo systemctl reload nginx

检验

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

JavaScript

性能

linux