打开浏览器 [复制链接]

https://comate.baidu.com/zh/page/2c63d86weoh
https://www.cnblogs.com/ydswin/p/18193923

module.exports = {
    // 配置路径别名
    configureWebpack: {
        devServer: {
            // 调试时允许内网穿透，让外网的人访问到本地调试的H5页面
            disableHostCheck: true,
            //port: '6680', //端口号
            proxy: {
                '/api': { // 接口请求中 从 /host 这里 进行代理
                    target: 'http://api1.zhaogongla.cn:6680/api/', //这里后台的地址模拟的;应该填写你们真实的后台接口
                    changeOrigin: true, // 允许跨域
                    pathRewrite: {
                        '^/api': '' // 重定向 为空
                    }
                }
            }
        }
    }
    // productionSourceMap: false,
}

//const BASE_URL = 'http://api.13.com/api/'  //'http://localhost:8082'
//const BASE_URL = 'http://api1.zhaogongla.cn:6680/api/'
const BASE_URL = '/api/'
//const BASE_URL = process.env.NODE_ENV === 'development' ? "/api/" : "http://api1.zhaogongla.cn:6680/api/";
/* let BASE_URL
if (process.env.NODE_ENV === 'development' && process.env.UNI_PLATFORM === 'h5') {
    // 本地开发环境且是h5端
    BASE_URL = '/api/'
} else if (process.env.NODE_ENV === 'production' && process.env.UNI_PLATFORM === 'h5') {
    // 打包环境且是h5端
    BASE_URL= 'http://api1.zhaogongla.cn:6680/api/'    //这里的接口地址和manifest.json里面写的一致
} */

    location /api/ {
    proxy_pass http://api1.zhaogongla.cn:6680/api/;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Methods' 'GET, POST';
    }

location /api/ {
            # 把 /api 路径下的请求转发给真正的后端服务器
            proxy_pass http://localhost:18080/;

            # 把host头传过去，后端服务程序将收到your.domain.name, 否则收到的是localhost:18080
            proxy_set_header Host $http_host;

            # 把cookie中的path部分从/api替换成/service
            proxy_cookie_path /api /;

            # 把cookie的path部分从localhost:18080替换成your.domain.name
            proxy_cookie_domain localhost:18080 tosim.top;
        }

1. 基础发光效果（单色光晕）
css
Copy Code
.glow-text {
  color: #fff;
  text-shadow: 0 0 10px #00ff00,  /* 水平偏移 垂直偏移 模糊半径 颜色 */
               0 0 20px #00ff00;
  font-size: 3rem;
}
2. 霓虹灯效果（多色渐变）
css
Copy Code
.neon-text {
  color: #fff;
  text-shadow:
    0 0 5px #ff00ff,
    0 0 10px #ff00ff,
    0 0 20px #ff00ff,
    0 0 40px #00ffff,
    0 0 80px #00ffff;
  animation: flicker 1.5s infinite alternate;
}

@keyframes flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    text-shadow:
      0 0 5px #ff00ff,
      0 0 10px #ff00ff,
      0 0 20px #ff00ff,
      0 0 40px #00ffff,
      0 0 80px #00ffff;
  }
  20%, 24%, 55% {
    text-shadow: none;
  }
}
3. 外发光+内发光组合
css
Copy Code
.combined-glow {
  color: rgba(255,255,255,0.8);
  text-shadow:
    0 0 8px #ff0000,          /* 外发光 */
    0 0 16px #ff0000,
    inset 0 0 8px #ffffff;    /* 内发光（需配合背景色） */
  background-color: #000;
  padding: 20px;
}
‌参数说明：‌

text-shadow格式：x-offset y-offset blur-radius color
多组阴影用逗号分隔可实现叠加效果
使用animation可以实现动态闪烁效果
‌注意事项：‌

发光效果在深色背景上更明显
模糊半径（blur-radius）越大，光晕范围越广
可通过JavaScript动态修改阴影颜色实现交互效果
🚀 ‌高效开发必备工具‌ 🚀
🎯 一键安装IDE插件，智能感知本地环境💡精准解答，深得你心 ✨ 开启高效开发新境界
🚀 ‌立即体验‌ → 👉文心快码