Cross-domain problems after the launch of the vue project

problem description

vue2 imitates QQ Music project. After being packaged and launched, the agent has cross-domain problems, and some data cannot be requested

the environmental background of the problems and what methods you have tried

the server side is the nginx environment, and there are a lot of references on the Internet, but it still hasn"t been solved

.

related codes

/ / Please paste the code text below (do not replace the code with pictures)

the pagoda panel nginx agent configuration information
clipboard.png


clipboard.png


clipboard.png

before

clipboard.png

is shown in the picture.

what result do you expect? What is the error message actually seen?

how to match the server-side nginx, please help me

Javascript nginx
Feb.07,2022

refer to the profile portrait of Wechat, the agent 

location ^~ /wechat_avatar/ {
    add_header 'Access-Control-Allow-Origin' "$http_origin" always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;
    add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-   Since,Keep-Alive,Origin,User-Agent,X-Requested-With' always;
    proxy_pass http://thirdwx.qlogo.cn/;
}

Previous: Shouldn't clientWidth be the distance marked by the red line in the middle? What? it's 1525 when I print it out.

Next: Webpack packages multi-page applications. Style-loader and css-loader cannot process css files.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e475f7-43f83.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e475f7-43f83.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?