UPDATE

dist/assets/ChatGPT-436b2c31.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1678955788099" fill="#FFFFFF" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2324" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M956.488825 419.108638a252.269534 252.269534 0 0 0-22.198841-209.554136 262.216956 262.216956 0 0 0-226.742695-129.535908c-18.468558 0-36.863974 1.938284-54.893675 5.74171A260.095814 260.095814 0 0 0 459.264038 0.000366h-2.230856c-113.407919 0-213.942704 72.191948-248.831822 178.651301A258.41353 258.41353 0 0 0 35.32834 302.409293 255.56096 255.56096 0 0 0 0.000366 431.872057c0 63.963383 24.063983 125.622767 67.510809 173.055877a252.15982 252.15982 0 0 0 22.198841 209.480993c56.612531 97.279931 170.422735 147.34618 281.599799 123.830769A260.132386 260.132386 0 0 0 564.699391 1023.999634h2.303998c113.481062 0 214.015847-72.191948 248.868394-178.724443a258.450101 258.450101 0 0 0 172.836448-123.757626 255.231818 255.231818 0 0 0-32.182834-302.445499zM566.418247 957.073968h-0.256a195.693575 195.693575 0 0 1-124.233054-44.434254c2.047999-1.097142 4.095997-2.230856 6.107424-3.437712l206.628424-117.759916a33.097119 33.097119 0 0 0 17.005702-28.818265v-287.63408l87.332509 49.737107a3.071998 3.071998 0 0 1 1.718856 2.377141v238.07983c-0.109714 105.801067-87.039938 191.634149-194.303861 191.853577zM148.553402 780.909522a189.513007 189.513007 0 0 1-23.22284-128.585051l6.143996 3.65714 206.628423 117.759916a34.047976 34.047976 0 0 0 33.974833 0l252.269534-143.725611v99.657071a3.071998 3.071998 0 0 1-1.243427 2.486856l-208.895851 119.003343c-29.549693 16.786274-63.049098 25.599982-97.170216 25.599982-69.485665 0-133.668476-36.534831-168.484452-95.817074zM94.171727 335.872126a193.206719 193.206719 0 0 1 101.266213-84.150797l-0.109714 7.021709V494.482298c0 11.922277 6.473138 22.893698 16.969131 28.781694l252.269534 143.725612-87.332509 49.737107a3.181712 3.181712 0 0 1-2.925712 0.292571l-208.932422-119.113058a191.67072 191.67072 0 0 1-97.133645-166.253595c0-33.609119 8.959994-66.633095 25.965695-95.817075z m717.604059 164.754168L559.542823 356.900682l87.332509-49.737107a3.145141 3.145141 0 0 1 2.925712-0.292571l208.932423 119.003343a191.561006 191.561006 0 0 1 97.243359 166.217024c0 80.383943-50.834249 152.356463-127.305052 180.114157v-242.578112-0.292571a33.060548 33.060548 0 0 0-16.822845-28.708551z m86.930223-129.097051a297.691216 297.691216 0 0 0-6.143995-3.620569l-206.628424-117.759916a34.084547 34.084547 0 0 0-33.938261 0l-252.306106 143.725612V294.180727c0-0.987428 0.475428-1.901713 1.279999-2.486855l208.895851-118.857058a196.571288 196.571288 0 0 1 97.133645-25.673125c107.410209 0 194.52329 85.942796 194.523289 191.890149 0 10.898278-0.950856 21.759984-2.815998 32.475405z m-546.486466 177.371302l-87.369081-49.737107a3.071998 3.071998 0 0 1-1.682284-2.377141v-238.07983c0.036571-105.87421 87.149652-191.743863 194.523289-191.743863 45.458253 0 89.490222 15.725703 124.452483 44.397682a182.601012 182.601012 0 0 0-6.143996 3.437712L369.37153 232.594485a33.060548 33.060548 0 0 0-17.005702 28.818265v0.182857l-0.146285 287.341509z m47.433109-100.937071l112.383919-63.999954 112.347349 63.999954v127.999909l-112.347349 63.999954-112.383919-63.999954v-127.999909z" p-id="2325"></path></svg>
\ No newline at end of file

dist/assets/Send-3f4d14e1.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1678957232959" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3307" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M832.170667 88.618667a82.944 82.944 0 0 1 82.346666 21.589333c21.461333 21.76 29.397333 53.632 20.650667 83.072l-53.290667 179.285333a32 32 0 1 1-61.312-18.432l53.290667-179.328a19.029333 19.029333 0 0 0-4.778667-19.285333 18.944 18.944 0 0 0-19.114666-4.992L163.370667 350.165333a18.901333 18.901333 0 0 0-13.824 16.085334 19.029333 19.029333 0 0 0 9.088 19.2l144.469333 88.917333a32.341333 32.341333 0 0 1 10.581333 44.330667 31.957333 31.957333 0 0 1-43.946666 10.666666l-144.469334-88.96a82.986667 82.986667 0 0 1-39.168-82.773333 82.730667 82.730667 0 0 1 59.52-69.418667l686.506667-199.594666zM769.194667 526.933333c5.12-17.066667 22.912-26.794667 39.850666-21.632 16.938667 5.12 26.581333 23.04 21.504 40.106667l-99.072 333.397333a82.517333 82.517333 0 0 1-69.290666 59.178667 82.090667 82.090667 0 0 1-81.834667-39.637333l-174.933333-289.706667a32.384 32.384 0 0 1 4.693333-39.466667l248.405333-249.984a31.829333 31.829333 0 0 1 45.226667 0 32.341333 32.341333 0 0 1 0 45.568l-230.570667 232.106667 161.877334 268.032a18.773333 18.773333 0 0 0 18.986666 9.216 18.901333 18.901333 0 0 0 16.085334-13.738667l99.072-333.44z" fill="#acacbe" p-id="3308"></path></svg>
\ No newline at end of file

dist/assets/index-df5c7ce2.css

+.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:26px;height:26px}.icon>img{width:18px;height:18px;color:#acacbe;width:100%}.icon:hover{background:rgba(0,0,0,.6);border-radius:6px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: a11y-dark
+  Author: @ericwbailey
+  Maintainer: @ericwbailey
+
+  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
+*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}.msg{width:100%}.msg-ctx{box-sizing:border-box;padding:24px;display:flex;max-width:760px;margin:0 auto}.msg-ctx-user{display:flex;color:#fff;align-items:center;justify-content:center;background:#F73048;border-radius:3px;width:36px;height:36px}.msg-ctx-user>img{width:24px;height:24px}.msg-ctx-user__role{background:#507999}.msg-ctx-msg{margin:0 0 0 20px;flex:1;color:#fff;font-size:16px;line-height:32px}.msg:nth-child(even){background:#464854}.main{background:#373843;position:relative;box-sizing:border-box;width:100%;min-height:100vh;padding:0 0 100px}.main-footer{position:relative;width:100%;position:fixed;bottom:36px;overflow:hidden;text-align:center}.main-footer-ctx{display:inline-block;position:relative;width:60%}.main-footer-input{width:100%;color:#fff;padding:0 12px;display:inline-block;height:42px;margin:0 auto;border-radius:6px;background:#424350}.main-footer-btn{position:absolute;right:8px;top:50%;margin-top:-13px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:#0003;-webkit-border-radius:6px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#7d7d7db3;-webkit-border-radius:6px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:#7d7d7db3;-webkit-border-radius:6px}html,body{width:100%;font-family:Arial,Microsoft YaHei,黑体,宋体,微软雅黑,sans-serif}body{line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{overflow-y:scroll;background:rgb(55,56,67)}.clearfix:before,.clearfix:after{content:" ";display:inline-block;height:0;clear:both;visibility:hidden}.clearfix{*zoom: 1;{}}.dn{display:none}input,select{font-family:arial,helvetica,clean,sans-serif;font-size:100%;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;line-height:normal;background:none;outline:none;border:none}

dist/index.html

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/dist/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>chat</title>
+    <script type="module" crossorigin src="/dist/assets/index-42d89093.js"></script>
+    <link rel="stylesheet" href="/dist/assets/index-df5c7ce2.css">
+  </head>
+  <body>
+    <div id="app"></div>
+    
+  </body>
+</html>

dist/vite.svg

+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file

src/App.vue

@@ -55,6 +55,10 @@ export default {
       request({
         url: 'v1/chat/completions',
         method: 'post',
+        headers: {
+          'Access-Control-Allow-Origin': '*',
+          'Content-Type': 'application/json'
+        },
         data: {
           model: 'gpt-3.5-turbo',
           messages: [{ role: 'user', content: requestMsg }]

src/api/index.js

@@ -2,7 +2,7 @@ import axios from 'axios';
 
 // 创建一个 axios 实例
 const request = axios.create({
-    baseURL: 'https://api.openai.com/v1/chat/completions',
+    baseURL: 'https://api.openai.com/',
     withCredentials: true,
     headers: {
         'Content-Type': 'application/json',