Web前端最全阿里云安装Nginx+vue项目部署，技术协会Web前端部面试

最后

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

96道前端面试题：

• 

常用算法面试题：

• 

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

• 

yum install gcc-c++

yum install -y openssl openssl-devel

好，现在我们开始安装nginx,1.14.0这个是目前最新版本

wget -c https://nginx.org/download/nginx-1.14.0.tar.gz

解压并进入nginx目录

tar -zxvf nginx-1.14.0.tar.gz

cd nginx-1.14.0

使用nginx的默认配置

./configure

编译安装

make

make install

查找安装路径：

whereis nginx

进入sbin目录，可以看到有一个可执行文件nginx，直接 ./nginx 执行就OK了。

运行起来之后访问服务器ip，可以看到nginx的欢迎页面。

如果访问不了，请在阿里云服务器实例管理的安全组设置一下。

配置开机自启动。

---

即在rc.local增加启动代码就可以了。

vi /etc/rc.local

增加一行

/usr/local/nginx/sbin/nginx

设置执行权限：

chmod 755 rc.local

按i进入编辑模式，按:wq保存退出

这样就完成了

重启服务

---

/usr/local/nginx/sbin/nginx -s reopen

查看服务

---

ps -ef | grep nginx

停止服务

---

kill 7332

查看配置

---

vi /usr/local/nginx/conf/nginx.conf

重新载入配置文件

---

在修改了配置文件后需要重新载入配置文件。

/usr/local/nginx/sbin/nginx -s reload

打包 Vue 项目并上传至服务器

---

在 npm run build 打包项目之前，需要修改一下 config 目录中的 index.js 文件，否则静态文件可能会加载失败。打开 config/index.js，定位到 build 对象下的 assetsPublicPath 位置，路径修改为“./”：

build: {

// …

assetsPublicPath: ‘./’,

}

然后执行 npm run build 打包项目。

打包成功后，会在项目目录中多一个 dist 文件夹，里边有一个 static 目录（存放着静态文件）和 index.html ，这就是打包好的项目，然后把这个文件夹上传到服务器上就可以了。

打开 Xftp，在本机上找到 dist 这个目录，传输到服务器上，我在服务器的 var 目录下新建了一个 www 目录，用来存放我的项目：

传输完成后，打开 XShell，修改一下 nginx 的配置文件，运行：

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

，做到心中有数，也可以用来自查及完善知识体系。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

[外链图片转存中…(img-RqQZaiHk-1715897477892)]

[外链图片转存中…(img-18HrIcd3-1715897477893)]

[外链图片转存中…(img-9l6mBkd1-1715897477894)]