最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 阿里云Windows Serve Nginx部署前端项目遇到的问题总结

    正文概述 掘金(浅岚)   2021-07-28   595

    你可能会遇到的问题:

    • nginx启动不起来
    • 前端包放在哪里
    • nginx服务器启动好了本地能访问外网访问不了

    下载启动nginx

    nginx的下载官网 nginx.org/en/download… 建议直接下载稳定版:

    阿里云Windows Serve Nginx部署前端项目遇到的问题总结

    下载好以后是一个安装包,在服务器找一个地方解压一下就可以直接用,不需要安装
    安装好以后在nginx的根目录下按住shift点击右键唤起命令窗口输入命令

    start nginx
    

    你会看到有个框扑棱一下闪现然后消失,这是没问题的
    这个时候不出意外你在服务器的蹩脚浏览器里访问http://localhost/这个链接就会出现Welcome to Nginx的字样说明nginx启动成功

    配置nginx

    配置文件在nginx\conf\nginx.conf nginx.conf就是nginx的配置文件
    找到 server下面的这行代码:

    server {
        listen       80;
        server_name  localhost;
    
        #charset koi8-r;
    
        #access_log  logs/host.access.log  main;
    
        location / {
            root   html; 
            index  index.html index.htm;
        }
    }
    

    前面带#号的就相当于js里的//后面的内容不执行
    location / 下面的root就是目录文件,现在这个默认就是定位到根目录的html文件夹
    index就是入口文件 默认的意思是入口文件是index.htmlindex.htm
    可以不需要改他的配置,把我们前端打包好的文件也放在html文件夹下,当然也可以新建文件夹
    把前端打包好的dist文件里的内容放到html文件夹下:

    阿里云Windows Serve Nginx部署前端项目遇到的问题总结 修改配置需要重启nginx
    修改配置需要重启nginx 重要的事说两遍

    nginx -s reload
    

    再访问本地的http://localhost/应该就可以看到你放的项目了PS:由于浏览器太烂可能只加载出来个标题


    配置Windows Serve服务器

    现在你会发现服务器内能访问了,但是在外面访问公网ip就是访问不到
    这也是最烦我的地方,解决了好长时间
    首先你需要在服务器内关闭防火墙 在控制面板 => 系统和安全 => windows防火墙 => 启用和关闭windows防火墙 => 全设为关闭点击确定 再去高级设置里

    阿里云Windows Serve Nginx部署前端项目遇到的问题总结 这样关闭
    这时候你的可能已经可以在外网访问了,但是我还是不能访问,我的是阿里云服务器,这就需要来设置一下服务器了

    阿里云服务器公网ip无法访问解决办法

    • 首先找到你的实例点击安全组然后点击加入安全组

    阿里云Windows Serve Nginx部署前端项目遇到的问题总结

    • 加入好了以后就会出现一个安全组,点击这个安全组的配置规则
    • 之后点击快速添加,正常来说只勾选http的就可以的,但是以免我们以后有其他方式,我建议直接梭哈阿里云Windows Serve Nginx部署前端项目遇到的问题总结选中全部点击确认

    阿里云Windows Serve Nginx部署前端项目遇到的问题总结 保存完以后你就可以大大方方的访问你的网站了,芜湖起飞

    location / {
        root   html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
    

    总结

    这就是我总结出来的Windows Serve Nginx部署可能遇到的问题
    作为自己的笔记如果能帮助到别人那更好了,最后

    如果有用的话请评论一个[?],谢谢


    起源地下载网 » 阿里云Windows Serve Nginx部署前端项目遇到的问题总结

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元