短链接生成太无聊？试试看长链接生成，URL地址变成乐谱音符🎵

[228, 189, 160, 229, 165, 189, 224, 168, 104, 227, 174, 164]

enc = ["o", "ο", "о", "ᴏ"]
encodeUrl(url) {

// get utf8 array

let unversioned = this.toUTF8Array(url)

// convert to string with base 4

// padstart very important! otherwise missing leading 0s

.map(n => n.toString(4).padStart(4, "0"))

// convert to array of characters

.join("").split("")

// map to the o's

.map(x => this.enc[parseInt(x)])

// join into single string

.join("")
return this.addVersion(unversioned)

}

decodeUrl(ooo) {

ooo = this.removeAndCheckVersion(ooo)
if (ooo === null) return

// get the base 4 string representation of the url
let b4str = ooo.split("").map(x => this.dec[x]).join("")

let utf8arr = []

// parse 4 characters at a time (255 in b10 = 3333 in b4)
// remember adding leading 0s padding
for (let i = 0; i < b4str.length; i += 4)
    utf8arr.push(parseInt(b4str.substring(i, i + 4), 4))

return this.Utf8ArrayToStr(utf8arr)

}

const enc = ["♫", "♪", "♬", "¶","♩"]

  // 获取utf8数组

let UTF8Array = toUTF8Array(originUrl)

// 转换为base 4字符串

// padstart非常重要！否则会丢失前导0

.map(n => n.toString(5).padStart(5, "0"))

// 转换为字符数组

.join("").split("")

// 映射到o的不同形式

.map(x => enc[parseInt(x)])

// 连接成单个字符串

.join("");

   decodeUrl(ooo) {

    ooo = this.removeAndCheckVersion(ooo)
    if (ooo === null) return

    // 每次解析5个字符
    let b5str = ooo.split("").map(x => this.dec[x]).join("")

    let utf8arr = []

    for (let i = 0; i < b5str.length; i += 5)
        utf8arr.push(parseInt(b5str.substring(i, i + 5), 5))

    return this.Utf8ArrayToStr(utf8arr)
}</code></pre></div></div><p>最后，看看效果，输入：</p><div class="rno-markdown-code"><div class="rno-markdown-code-toolbar"><div class="rno-markdown-code-toolbar-info"><div class="rno-markdown-code-toolbar-item is-type"><span class="is-m-hidden">代码语言：</span>text</div></div><div class="rno-markdown-code-toolbar-opt"><div class="rno-markdown-code-toolbar-copy"><i class="icon-copy"></i><span class="is-m-hidden">复制</span></div></div></div><div class="developer-code-block"><pre class="prism-token token line-numbers language-text"><code class="language-text" style="margin-left:0">https://cloud.tencent.com/developer</code></pre></div></div><p>输出：</p><div class="rno-markdown-code"><div class="rno-markdown-code-toolbar"><div class="rno-markdown-code-toolbar-info"><div class="rno-markdown-code-toolbar-item is-type"><span class="is-m-hidden">代码语言：</span>text</div></div><div class="rno-markdown-code-toolbar-opt"><div class="rno-markdown-code-toolbar-copy"><i class="icon-copy"></i><span class="is-m-hidden">复制</span></div></div></div><div class="developer-code-block"><pre class="prism-token token line-numbers language-text"><code class="language-text" style="margin-left:0">♫♫♩♫♩♫♫♩¶♪♫♫♩¶♪♫♫♩♬♬♫♫♩¶♫♫♫♬♪¶♫♫♪♩♬♫♫♪♩♬♫♫¶♩♩♫♫♩♪¶♫♫♩♬♪♫♫♩¶♬♫♫♩♫♫♫♫♪♩♪♫♫♩¶♪♫♫♩♫♪♫♫♩♬♫♫♫¶♩♩♫♫♩♫♪♫♫♩♬♫♫♫♩¶♪♫♫♪♩♪♫♫¶♩♩♫♫♩♬♪♫♫♩♪♩♫♫♪♩♬♫♫♩♫♫♫♫♩♫♪♫♫♩¶¶♫♫♩♫♪♫♫♩♪¶♫♫♩♬♪♫♫♩♬♬♫♫♩♫♪♫♫♩♬♩</code></pre></div></div><figure class=""><div class="rno-markdown-img-url" style="text-align:center"><div class="rno-markdown-img-url-inner" style="width:100%"><div style="width:100%"><img src="https://cdn.static.attains.cn/app/developer-bbs/upload/1723068132927595776.png" /></div><div class="figure-desc">编码成功</div></div></div></figure><p>接下来看看如何网站上实现。</p><h2 id="8usgj" name="Nuxt3%E4%B8%8A%E5%AE%9E%E7%8E%B0">Nuxt3上实现</h2><p>我们需要达成一个302的重定向跳转。在SpringBoot中，你可以使用<code>RedirectView</code>进行跳转：</p><div class="rno-markdown-code"><div class="rno-markdown-code-toolbar"><div class="rno-markdown-code-toolbar-info"><div class="rno-markdown-code-toolbar-item is-type"><span class="is-m-hidden">代码语言：</span>java</div></div><div class="rno-markdown-code-toolbar-opt"><div class="rno-markdown-code-toolbar-copy"><i class="icon-copy"></i><span class="is-m-hidden">复制</span></div></div></div><div class="developer-code-block"><pre class="prism-token token line-numbers language-java"><code class="language-java" style="margin-left:0">@GetMapping(&#34;/path&#34;)

public View handle() {

return new RedirectView("/new/path", true);

}

location /old-path {

rewrite ^ /new-path? permanent last;

}

import { Utf8ArrayToStr } from '~/untils/longUrlMake';

export default defineEventHandler((event) => {

const ooo = decodeURIComponent(event.context.params.encoderUrl);

console.log(ooo)

const dec = {

'♫': '0',

'♪': '1',

'♬': '2',

'¶': '3',

'♩': '4'

};

// 获取url的base 5字符串表示

let b5str = ooo

.split('')

.map((x) => dec[x])

.join('');

console.log("b5str: "+b5str)
if (b5str === undefined || b5str.length ===0){
    return sendRedirect(event, "/404", 302);
}

let utf8arr = [];
// 每次解析5个字符
// 记住添加前导0的填充
for (let i = 0; i < b5str.length; i += 5)
    utf8arr.push(parseInt(b5str.substring(i, i + 5), 5));
// 返回解码后的字符串
let originUrl = Utf8ArrayToStr(utf8arr);
return sendRedirect(event, originUrl, 302);

});