fix: 修改了图片的访问和上传后的访问地址，配合cdn进行访问

Author: programmermark

admin/src/components/AddArticle.js

@@ -5,7 +5,7 @@ import AntdIcon from '../components/AntdIcon'
 import '../static/style/components/addarticle.css'
 import axios from 'axios'
 import moment from 'moment'
-import { servicePath, serverUrl } from '../config/apiBaseUrl'
+import { servicePath, imgServerUrl } from '../config/apiBaseUrl'
 import { formatTime } from '../static/js/tools'
 import marked from 'marked'
 import hljs from 'highlight.js'
@@ -236,7 +236,7 @@ const AddArticle = (props)=>{
             fileUrl += item + '/'
           })
           fileUrl = fileUrl.substr(0, fileUrl.length - 1)
-          const filePath = serverUrl + fileUrl
+          const filePath = imgServerUrl + fileUrl
           setIntroduceImg(filePath)
           setUploadIntroduceImgLoading(false)
         }

admin/src/config/apiBaseUrl.js

@@ -1,4 +1,5 @@
 const serverUrl = 'https://immortalboy.cn'
+const imgServerUrl = 'https://image.immortalboy.cn'
 const baseUrl = 'https://immortalboy.cn/api/admin'
 
 const servicePath = {
@@ -39,5 +40,6 @@ const servicePath = {
 
 export {
   serverUrl,
+  imgServerUrl,
   servicePath
 }

admin/src/pages/AddNovel.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 import { Row, Col, Input, Upload, Button, message } from 'antd'
 import AntdIcon from '../components/AntdIcon'
 import api from '../api/api'
-import { servicePath, serverUrl } from '../config/apiBaseUrl'
+import { servicePath, imgServerUrl } from '../config/apiBaseUrl'
 import '../static/style/pages/addnovel.css'
 
 const { TextArea } = Input
@@ -48,7 +48,7 @@ const AddNovel = (props)=>{
             fileUrl += item + '/'
           })
           fileUrl = fileUrl.substr(0, fileUrl.length - 1)
-          const filePath = serverUrl + fileUrl
+          const filePath = imgServerUrl + fileUrl
           setCoverImg(filePath)
           setUploadImgLoading(false)
         }

admin/src/pages/AdvertiseManage.js

@@ -3,7 +3,7 @@ import api from '../api/api'
 import { Button, Input, Row, Col, List, Switch, Modal, Pagination, Spin, message, Upload } from 'antd'
 import '../static/style/pages/advertisemanage.css'
 import AntdIcon from '../components/AntdIcon'
-import { servicePath, serverUrl } from "../config/apiBaseUrl";
+import { servicePath, imgServerUrl } from "../config/apiBaseUrl";
 import { formatTime } from '../static/js/tools'
 
 const { confirm } = Modal
@@ -91,7 +91,7 @@ const AdvertiseManage = ()=>{
             fileUrl += item + '/'
           })
           fileUrl = fileUrl.substr(0, fileUrl.length - 1)
-          const filePath = serverUrl + fileUrl
+          const filePath = imgServerUrl + fileUrl
           const obj = JSON.parse(JSON.stringify(modalObj))
           obj.imgUrl = filePath
           setUploadImgLoading(false)

admin/src/pages/UserSetting.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 import api from '../api/api'
 import { Form, Input, Upload, Button, message } from 'antd'
 import AntdIcon from '../components/AntdIcon'
-import { servicePath, serverUrl } from '../config/apiBaseUrl'
+import { servicePath, imgServerUrl } from '../config/apiBaseUrl'
 import '../static/style/pages/usersetting.css'
 
 const UserSetting = ()=>{
@@ -73,7 +73,7 @@ const UserSetting = ()=>{
             fileUrl += item + '/'
           })
           fileUrl = fileUrl.substr(0, fileUrl.length - 1)
-          const filePath = serverUrl + fileUrl
+          const filePath = imgServerUrl + fileUrl
           setPortrait(filePath)
           setUploadPortraitLoading(false)
         }
@@ -108,7 +108,7 @@ const UserSetting = ()=>{
             fileUrl += item + '/'
           })
           fileUrl = fileUrl.substr(0, fileUrl.length - 1)
-          const filePath = serverUrl + fileUrl
+          const filePath = imgServerUrl + fileUrl
           setBgImg(filePath)
           setUploadBgImgLoading(false)
         }

blog/components/Comment.js

@@ -3,7 +3,7 @@ import { Modal, Form, Input, Button, Avatar, Upload, message } from 'antd'
 import Icon from './Icon'
 import axios from 'axios'
 import Cookies from 'js-cookie'
-import { servicePath, serverUrl } from '../config/apiBaseUrl'
+import { servicePath, imgServerUrl } from '../config/apiBaseUrl'
 import '../public/style/components/comment.css'
 import { formatDate } from '../public/js/tools'
 
@@ -28,7 +28,7 @@ const myComment = (props)=>{
             fileUrl += item + '/'
           })
           fileUrl = fileUrl.substr(0, fileUrl.length - 1)
-          const filePath = serverUrl + fileUrl
+          const filePath = imgServerUrl + fileUrl
           setPortrait(filePath)
           Cookies.set('visitorPortrait', filePath, { expires: 365 })
           axios({

blog/config/apiBaseUrl.js

@@ -1,5 +1,6 @@
 const vuebaseUrl = 'https://vue.immortalboy.cn'
 const serverUrl = 'https://immortalboy.cn'
+const imgServerUrl = 'https://iamge.immortalboy.cn'
 const baseUrl = 'https://immortalboy.cn/api/blog'
 
 const servicePath = {
@@ -27,5 +28,6 @@ const servicePath = {
 export {
   serverUrl,
   servicePath,
+  imgServerUrl,
   vuebaseUrl
 }

blogvue/src/components/Comment.vue

@@ -178,7 +178,7 @@
 
 <script>
 import Cookies from 'js-cookie'
-import { servicePath, serverUrl } from '../config/apiBaseUrl'
+import { servicePath, imgServerUrl } from '../config/apiBaseUrl'
 import { formatDate } from '../assets/js/tools'
 import commentAvatar from '../assets/images/comment-avatar.png'
 import Icon from '../components/Icon'
@@ -202,7 +202,7 @@ const uploadProps = { // 上传头像
             fileUrl += item + '/'
           })
           fileUrl = fileUrl.substr(0, fileUrl.length - 1)
-          const filePath = serverUrl + fileUrl
+          const filePath = imgServerUrl + fileUrl
           setPortrait(filePath)
           Cookies.set('visitorPortrait', filePath, { expires: 365 })
           axios({
@@ -332,7 +332,7 @@ export default {
             fileUrl += item + '/'
           })
           fileUrl = fileUrl.substr(0, fileUrl.length - 1)
-          const filePath = serverUrl + fileUrl
+          const filePath = imgServerUrl + fileUrl
           this.portrait = filePath
           Cookies.set('visitorPortrait', filePath, { expires: 365 })
           this.$api({

blogvue/src/config/apiBaseUrl.js

@@ -1,6 +1,7 @@
 const serverUrl = 'https://immortalboy.cn'
-const baseUrl = 'https://immortalboy.cn/api/blog'
-// const baseUrl = '/api/blog'
+const imgServerUrl = 'https://iamge.immortalboy.cn'
+// const baseUrl = 'https://immortalboy.cn/api/blog'
+const baseUrl = '/api/blog'
 
 const servicePath = {
   visitorLogin: baseUrl + '/comment/visitorLogin', // 评论接口：获取文章列表
@@ -26,5 +27,6 @@ const servicePath = {
 
 export {
   serverUrl,
+  imgServerUrl,
   servicePath
 }

blogvue/vue.config.js

@@ -16,7 +16,6 @@ module.exports = {
           rules: []
         },
         plugins: [
-          new BundleAanlyzerPlugin(),
           new ImageminPlugin({
             test: /\.(gif|png|jpe?g|svg)$/i,
             disable: false, // Disable during development