website·Indexed 30 days ago
https://www.mk95.cnA personal technical blog featuring guides and experiences with Nacos configuration, Vue.js iframe issues in IE, Tencent Cloud Code Assistant, EdgeOne static site hosting, and Podman mirror configuration.
Tencent Cloud Code Assistant helps developers understand and maintain code through the following features:
Tencent Cloud Code Assistant provides automated code review capabilities to improve code quality and reduce manual effort. Key features include:
docker.io are routed to the specified mirror location and allows insecure connections if required.# Disable searching from multiple default registries and restrict to docker.io
unqualified-search-registries = ["docker.io"]
[[registry]]
prefix = "docker.io"
location = "docker.1panel.live"
insecure = true.cnb.yml file. The pipeline should include a build stage to generate the static files and a deployment stage using the tencentcom/deploy-eopages image. The deployment command requires the directory of the generated files, the site name, and an EdgeOne secret token.push:
eo_deploy:
runner:
cpus: 4
docker:
image: docker.cnb.cool/examples/workspace-images/workspace-node:22
stages:
- name: build
script:
- pnpm i
- pnpm hexo generate
- name: 部署我的 eo pages 正式环境
imports:
- https://cnb.cool/devsss/env/-/blob/main/tencent.yml
image: tencentcom/deploy-eopages:latest
script: edgeone pages deploy ./public -n cnb-www-devsss -t $EO_SECRETvscode section in .cnb.yml. This allows you to run a development server directly in the cloud environment.$:
vscode:
- docker:
image: docker.cnb.cool/examples/workspace-images/workspace-node:22
services:
- vscode
- docker
stages:
- name: 安装依赖
script: pnpm i
- name: 启动
script: pnpm hexo serverbootstrap.yml. Additionally, define the application name and the specific Nacos configuration file to import in application.yml using the spring.config.import property with refresh=true to enable dynamic updates.# bootstrap.yml
spring:
cloud:
nacos:
discovery:
server-addr: 192.168.1.4:8848
username: nacos
password: nacos
namespace: public
ip: 192.168.8.36
config:
server-addr: 192.168.1.4:8848
username: nacos
password: nacos
# application.yml
spring:
application:
name: app-test
profiles:
active: dev6
config:
import:
- nacos:${spring.application.name}.yml?refresh=trueIf you encounter the log message Refresh keys changed: [] after updating Nacos configurations and the values are not updating in the application, it is likely because the application failed to resolve spring.application.name during the bootstrap phase.
This happens when the application name is defined in application.yml but the Nacos config import is processed too early. To resolve this, move the application name and Nacos import configuration from application.yml to bootstrap.yml to ensure they are loaded during the program's bootstrap phase.
Spring Cloud Config loads configuration files in the following specific order of precedence (from earliest/lowest priority to latest/highest priority):
bootstrap.yml (System-level parameters, loaded during program bootstrap)application.yml (Application-level common parameters)application-{profile}.yml (Profile-specific parameters)#/ are automatically redirected to index.html#/ in most browsers. However, Internet Explorer (IE) does not perform this redirection automatically within an iframe, resulting in a blank page. To resolve this, ensure the iframe source uses the full path including index.html instead of just the hash root.// Replace '/#/' with '/index.html#/' to ensure IE loads the page
targetUrl = targetUrl.replaceAll("/#/", "/index.html#/");iframe when the src attribute changes. To force the iframe to reload when the URL is updated, bind a unique :key (such as a timestamp) to the iframe element. When the key changes, Vue will destroy and re-create the iframe component, triggering a fresh load of the new URL.<template>
<div class="iframe-container">
<iframe
width="100%"
height="100%"
frameborder="0"
:src="formattedUrl"
:key="key"
></iframe>
</div>
</template>
<script>
export default {
props: ["url"],
data() {
return {
key: Date.now()
}
},
computed: {
formattedUrl() {
let targetUrl = this.url;
// Fix for IE blank page in Vue Hash mode
targetUrl = targetUrl.replaceAll("/#/", "/index.html#/");
// Update key to force iframe refresh
this.key = Date.now();
return targetUrl;
},
},
};
</script>
<style>
.iframe-container {
height: 100%;
overflow: hidden;
}
iframe {
height: 100%;
width: 100%;
}
</style>