开门见山:@vue/cli官网这样说@vue/cli部署搭建完成的项目-html5 history模式使用nginx配置

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

 

一:打开终端,先执行下命令  brew update

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

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

三 :执行  brew info nginx 查看关于nginx信息,

显示 @vue/cli部署搭建完成的项目-html5 history模式使用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。

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

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

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

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

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

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

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

执行命令打开:  open /usr/local/Cellar/nginx,会打开@vue/cli部署搭建完成的项目-html5 history模式使用nginx配置

这才是nginx安装的地方。

五:启动nginx输入命令:nginx

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

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

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

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

 

 

相关文章:

  • 2022-12-23
  • 2022-01-18
  • 2022-12-23
  • 2022-12-23
  • 2021-07-06
  • 2021-12-06
  • 2021-04-03
  • 2021-12-26
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-10-22
  • 2022-12-23
  • 2022-12-23
  • 2021-12-01
  • 2022-12-23
相关资源
相似解决方案