@vue/cli部署搭建完成的项目-html5 history模式使用nginx配置访问

开门见山：@vue/cli官网这样说

 所以我们后端配置一nginx为栗子?来访问我们的项目。

 

一：打开终端，先执行下命令  brew update

我的显示  Already up-to-date.。

二：继续执行命令：brew search nginx        //查询nginx是否存在

三 ：执行  brew info nginx 查看关于nginx信息，

显示 

如果没有安装过则显示Not installed,我是安装过，就会只显示nginx的来源From ，Docroot默认为/usr/local/var/www，

在/usr/local/etc/nginx/nginx.conf配置文件中默认端口被配置为8080从而使nginx运行时不需要加sudo，nginx将在/usr/local/etc/nginx/servers/目录中加载所有文件，以及我们可以通过命令 ‘nginx’ 来启动ta 。

这些仅为上面英文的大概意思，我的英文也很差。

四：安装nginx输入命令；brew install nginx。

会显示

我刚刚安装过可以看到显示1.4MB。

我们执行过brew info nginx可以看到一些信息，nginx是在/usr/local/etc/nginx/这个目录。

我们执行命令打开目录：open /usr/local/etc/nginx/会看到

其中nginx.conf为nginx的配置文件。但是我们没有发现nginx的启动文件。是因为它其实是在

/usr/local/Cellar/nginx这个文件夹下。

执行命令打开:  open /usr/local/Cellar/nginx,会打开

这才是nginx安装的地方。

五：启动nginx输入命令：nginx

之后会出来一个welcome to nginx的页面。说明已经成功 。接下来如何打开我们项目的页面。

六：打开nginx.conf的配置文件找到server这部分

可以看到ocation / {}里面配置的一个root是项目文件夹地址，index是默认索引文件。在这里按自己需要把这两项修改为自己的配置，然后从新启动nginx刷新页面就可以看到自己的项目了。??