我使用的是vscode
- CTRL + ~ 快捷键打开终端
- 终端输入: npm run build
没有任何报错,看到下面你就成功
在左边目录你将会看到dist包
本地dist传到云服务器
推荐使用winscp,直接拖过去
dist可以放在任何自定义目录,比如:
自定义一个目录,dist存在proname_front目录下
后面以这个路径为例
cd /
mkdir projects
cd projects
mkdir proname_front
xshell远程操作云服务器
配置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