hbuilder使用笔记

万变不离其宗_8

已于 2025-03-04 09:24:15 修改

阅读量955

点赞数 3

分类专栏：笔记文章标签：前端笔记

于 2024-11-30 11:21:21 首次发布

本文链接：https://blog.youkuaiyun.com/qq_30272167/article/details/144151827

版权

笔记专栏收录该内容

54 篇文章

订阅专栏

1.快速进入某个js方法

方法一：按照Alt键，然后鼠标在函数上单击。
方法二：鼠标放在函数的地方，然后按Alt+D快捷键。

2.代码提示配置

（1）hbuilder vue代码提示

Hbuilder上配置vue指令提示

3.发布项目

（1）config.js修改

在这里插入图片描述

（2）发现

发行 -> 网站-PC WEB或手机H5，然后填好标题及域名，点击发行按钮，即可成功打包。
构建打包成功之后，会在根目录生成 unpackage/dist/build/h5 文件夹，里面就是构建打包好的文件，通常是 .js 、.css、index.html 等静态文件。
在这里插入图片描述

（3）服务器添加站点，配置如下

注意：9090端口必须在宝塔安全里面和阿里云安全组里面开启

server
{
    listen 9090;
    server_name 1.94.140.123;
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/1.94.140.123/dist/build/h5;
    #CERT-APPLY-CHECK--START
    # 用于SSL证书申请时的文件验证相关配置 -- 请勿删除
    include /www/server/panel/vhost/nginx/well-known/1.94.140.123.conf;
    #CERT-APPLY-CHECK--END

    #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    #SSL-END

    #ERROR-PAGE-START  错误页配置，可以注释、删除或修改
    #error_page 404 /404.html;
    #error_page 502 /502.html;
    #ERROR-PAGE-END

    #PHP-INFO-START  PHP引用配置，可以注释或修改
    include enable-php-00.conf;
    #PHP-INFO-END

    #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
    include /www/server/panel/vhost/rewrite/1.94.140.123.conf;
    #REWRITE-END

    #禁止访问的文件或目录
    location ~ ^/(\.user.ini|\.htaccess|\.git|\.env|\.svn|\.project|LICENSE|README.md)
    {
        return 404;
    }

    #一键申请SSL证书验证目录相关设置
    location ~ \.well-known{
        allow all;
    }

    #禁止在证书验证目录放入敏感文件
    if ( $uri ~ "^/\.well-known/.*\.(php|jsp|py|js|css|lua|ts|go|zip|tar\.gz|rar|7z|sql|bak)$" ) {
        return 403;
    }
    location / {
			root   /www/wwwroot/1.94.140.123/dist/build/h5;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		
		# 默认所有路径
    location /prod-api/ {
      proxy_set_header Host $http_host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header REMOTE_HOST $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_set_header X-Forwarded-Proto $scheme;
			proxy_set_header X-NginX-Proxy true;
			
      # 反向代理配置
      proxy_pass http://localhost:8989/;
    }
    access_log  /www/wwwlogs/1.94.140.123.log;
    error_log  /www/wwwlogs/1.94.140.123.error.log;
}