lema/flagnote-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: lema:view-ui-plus
Branches Tags
lema:main lema:scrollbar lema:view-ui-plus lema:dev-logo-switch lema:iview4 lema:dev-hex lema:redirect lema:pageone lema:asynchronization lema:dev
..
compare: lema:dev-hex
Branches Tags
lema:main lema:scrollbar lema:view-ui-plus lema:dev-logo-switch lema:iview4 lema:dev-hex lema:redirect lema:pageone lema:asynchronization lema:dev

1 Commits
view-ui-pl ... dev-hex

Author SHA1 Message Date
Jesse-Ma
9f1a0b75e3 hex 2023-03-29 20:39:29 +08:00
26 changed files with 1576 additions and 1781 deletions
Expand all files Collapse all files

1
.env
View File

@@ -1 +0,0 @@
VUE_APP_TITLE=flagnote.com

4
.env.development
View File

@@ -1,6 +1,6 @@
NODE_ENV=developement NODE_ENV = developement
VUE_APP_FLAG=dev
VUE_APP_BASE_NAME = developement VUE_APP_BASE_NAME = developement
VUE_APP_BASE_URL = http://localhost:8080 VUE_APP_BASE_URL = http://localhost:8080
VUE_APP_NOTE_MAX_COUNT = 131072 VUE_APP_NOTE_MAX_COUNT = 131072
VUE_APP_NOTE_MAX_DESC = 128K VUE_APP_NOTE_MAX_DESC = 128K

3
.env.production
View File

@@ -1,5 +1,4 @@
NODE_ENV=production NODE_ENV = production
VUE_APP_FLAG=prod
VUE_APP_BASE_NAME = production VUE_APP_BASE_NAME = production
VUE_APP_BASE_URL = https://flagnote.com VUE_APP_BASE_URL = https://flagnote.com
VUE_APP_NOTE_MAX_COUNT = 131072 VUE_APP_NOTE_MAX_COUNT = 131072

1
.env.staging
View File

@@ -1 +0,0 @@
VUE_APP_FLAG=staging

2
.eslintignore
View File

@@ -1,2 +0,0 @@
assets
mock

31
.eslintrc.json
View File

@@ -1,31 +0,0 @@
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"plugin:vue/essential",
"airbnb-base"
],
"parserOptions": {
"ecmaVersion": "latest",
"sourceType": "module"
},
"plugins": [
"vue"
],
"rules": {
"semi": [2, "never"],
"comma-dangle": 0,
"no-console": 0,
"quotes": [2, "single"],
"no-undef": 0,
"no-debugger": 0,
"import/no-unresolved": 0,
"import/extensions": 0,
"no-param-reassign": 0,
"vue/multi-word-component-names": 0,
"vue/no-multiple-template-root": 0,
"import/no-extraneous-dependencies": 0
}
}

51
README.md
View File

@@ -1,35 +1,24 @@
# view-ui-project-vuecli # flagnote-web
This project build for Vue3, Vue-router, Vuex, ViewUIPlus and Vue-cli.
## Install
```shell
npm install
```
## Run
```shell
npm run serve
```
## Build
### Build for Production
```shell
npm run build
```
### Build for Staging
```shell
npm run build:staging
```
## Run Eslint
### Run without Fixing
- This operation will also run before git-commit. ## Project setup
```shell
npm run lint
``` ```
### Run with Fixing yarn install
```shell
npm run lint:fix
``` ```
## .env Description
- This project exposes environment variables on `process.env` object. ### Compiles and hot-reloads for development
- Different modes (development/staging/production) correspond to different environment files (.env.*). ```
- .env file is always included, duplicate variables are overwritten by the specific mode file (.env.*). yarn serve
```
### Compiles and minifies for production
```
yarn build
```
### Lints and fixes files
```
yarn lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

12
babel.config.js
View File

@@ -1,7 +1,5 @@
module.exports = { // module.exports = {
presets: [ // presets: [
'@vue/cli-plugin-babel/preset', // '@vue/cli-plugin-babel/preset'
], // ]
plugins: [ // }
],
};

9
jsconfig.json
View File

@@ -1,8 +1,9 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "es5", "target": "esnext",
"module": "esnext", "module": "esnext",
"baseUrl": "./", "baseUrl": "./",
"jsx": "preserve",
"moduleResolution": "node", "moduleResolution": "node",
"paths": { "paths": {
"@/*": [ "@/*": [
@@ -14,6 +15,10 @@
"dom", "dom",
"dom.iterable", "dom.iterable",
"scripthost" "scripthost"
] ],
"removeComments": true,
},
"vueCompilerOptions": {
"target": 2.7
} }
} }

75
package.json
View File

@@ -1,56 +1,61 @@
{ {
"name": "flagnote-web", "name": "flagnote-web",
"version": "1.0.0", "version": "0.1.0",
"description": "flagnote web", "private": true,
"scripts": { "scripts": {
"dev": "npm run serve",
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build": "vue-cli-service build", "build": "vue-cli-service build --mode production",
"build:staging": "vue-cli-service build --mode=staging", "build.test": "vue-cli-service build --mode test",
"lint": "eslint ./src --ext .js,.vue", "build.production": "vue-cli-service build --mode production",
"lint:fix": "eslint ./src --ext .js,.vue --fix", "lint": "vue-cli-service lint"
"prepare": "husky install"
}, },
"dependencies": { "dependencies": {
"axios": "^0.27.2", "axios": "^0.27.2",
"babel-plugin-import": "^1.13.6",
"buffer": "^6.0.3",
"clipboard": "^2.0.11", "clipboard": "^2.0.11",
"core-js": "^3.8.3",
"crypto-js": "^4.1.1", "crypto-js": "^4.1.1",
"escape-html": "^1.0.3", "escape-html": "^1.0.3",
"file-saver": "^2.0.5", "file-saver": "^2.0.5",
"html2canvas": "^1.4.1", "html2canvas": "^1.4.1",
"pako": "^2.1.0", "pako": "^2.1.0",
"qrcodejs2-fixes": "^0.0.2", "qrcodejs2": "^0.0.2",
"view-ui-plus": "^1.3.10", "view-design": "^4.7.0",
"vue": "^3.2.13", "vue": "^2.7.14",
"vue-axios": "^3.5.2", "vue-axios": "^3.5.2",
"vue-i18n": "^9.2.2", "vue-i18n": "^8.28.2",
"vue-router": "^4.1.6", "vue-router": "^3.6.5"
"vuex": "^4.0.0"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "~5.0.0", "@babel/core": "^7.12.16",
"@vue/cli-plugin-router": "~5.0.0", "@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-vuex": "~5.0.0", "@vue/cli-plugin-babel": "~5.0.8",
"@vue/cli-service": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.8",
"eslint": "^8.14.0", "@vue/cli-plugin-router": "~5.0.8",
"eslint-config-airbnb-base": "^15.0.0", "@vue/cli-service": "~5.0.8",
"eslint-plugin-vue": "^8.7.1", "compression-webpack-plugin": "^10.0.0",
"husky": "^7.0.4", "core-js": "^3.26.1",
"less": "^4.0.0", "eslint": "^7.32.0",
"less-loader": "^10.2.0", "eslint-plugin-vue": "^8.0.3",
"mockjs": "^1.1.0" "javascript-obfuscator": "^4.0.0",
"webpack": "^5.1.0",
"webpack-obfuscator": "^3.5.1"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "@babel/eslint-parser"
},
"rules": {}
}, },
"browserslist": [ "browserslist": [
"> 1%", "> 1%",
"last 2 versions", "last 2 versions",
"not dead", "not dead"
"not ie 11" ]
],
"engines": {
"node": ">= 12.0.0",
"npm": ">= 6.9.0"
}
} }

44
public/index.html
View File

@@ -18,23 +18,47 @@
<meta http-equiv="Cache-control" content="no-cache" /> <meta http-equiv="Cache-control" content="no-cache" />
<meta http-equiv="Cache" content="no-cache" /> <meta http-equiv="Cache" content="no-cache" />
<link rel="icon" href="/static/favicon.png" /> <link rel="icon" href="/static/favicon.png" />
<title> <title>flagnote.com</title>
<%= htmlWebpackPlugin.options.title %>
</title>
<style> <style>
body { body {
background-color: #dddddd background-color: #dddddd
} }
</style> </style>
<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %> <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js" rel="stylesheet"
<script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script> type="text/javascript"></script>
<% } %> <script src="https://cdn.jsdelivr.net/npm/vue-router@3.6.5/dist/vue-router.min.js" rel="stylesheet"
<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %> type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" /> <script src="https://cdn.jsdelivr.net/npm/axios@0.27.2/dist/axios.min.js" rel="stylesheet"
<% } %> type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/view-design@4.7.0/dist/iview.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/pako@2.1.0/dist/pako.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/crypto-js@4.1.1/crypto-js.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-i18n@8.21.1/dist/vue-i18n.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/file-saver@2.0.5/dist/FileSaver.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/qrcodejs2@0.0.2/qrcode.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/wasm-flate@1.0.2-browser/wasm_flate.min.js" rel="stylesheet"
type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js" rel="stylesheet"
type="text/javascript"></script>
<script> <script>
window.wasm_flate_bg_path = "https://cdn.jsdelivr.net/npm/wasm-flate@1.0.2-browser/wasm_flate_bg.wasm" window.wasm_flate_bg_path = "https://cdn.jsdelivr.net/npm/wasm-flate@1.0.2-browser/wasm_flate_bg.wasm"
</script> </script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/view-design@4.7.0/dist/styles/iview.css">
<!--Global site tag(gtag.js)-Google Analytics-->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FPS9PD2DFF"></script>
<script>window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } gtag("js", new Date()); gtag("config", "G-FPS9PD2DFF");</script>
-->
</head> </head>
<body><noscript><strong>Please enable JavaScript to continue.</strong></noscript> <body><noscript><strong>Please enable JavaScript to continue.</strong></noscript>
@@ -45,6 +69,8 @@
if (!!window.ActiveXObject || "ActiveXObject" in window) { if (!!window.ActiveXObject || "ActiveXObject" in window) {
document.querySelector('#noie').style.display = 'block'; document.querySelector('#noie').style.display = 'block';
} }
</script> </script>
</body> </body>

20
src/App.vue
View File

@@ -81,23 +81,23 @@ body {
#noteText::selection { #noteText::selection {
background: #dddddd; background: #ed4014;
color: #ed4014; color: white;
} }
#noteText::-moz-selection { #noteText::-moz-selection {
background: #dddddd; background: #ed4014;
color: #ed4014; color: white;
} }
#noteText br::selection { #noteText br::selection {
background: #dddddd; background: #ed4014;
color: #ed4014; color: white;
} }
#noteText br::-moz-selection { #noteText br::-moz-selection {
background: #dddddd; background: #ed4014;
color: #ed4014; color: white;
} }
.noteUrl { .noteUrl {
@@ -122,10 +122,10 @@ body {
display: none; display: none;
} }
/* button span { button span {
margin-left: 0px !important; margin-left: 0px !important;
font-size: 16px !important; font-size: 16px !important;
font-family: apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; font-family: apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
margin-bottom: 6px; margin-bottom: 6px;
} */ }
</style> </style>

13
src/api/note.js
View File

@@ -1,9 +1,8 @@
import axios from "axios"; import axios from "axios";
import { getStoreKey } from "@/api/lock"; import { getStoreKey } from "@/api/lock";
import storage from "@/libs/storage"; import storage from "@/libs/storage";
import { md5, wrap} from "@/libs/secret"; import { md5, wrap, convertHexStringToUint8Array} from "@/libs/secret";
import NoteConstant from "@/libs/constants"; import NoteConstant from "@/libs/constants";
import { Buffer } from 'buffer';
axios.interceptors.response.use(undefined, (err) => { axios.interceptors.response.use(undefined, (err) => {
const { config: originalRequest } = err; const { config: originalRequest } = err;
@@ -49,7 +48,12 @@ export function saveNote(noteForm, secret) {
}); });
} }
let array = Buffer.from(note.text, 'base64') // let bufferArrary = eval("[" + note.text + "]");
// let array = Uint8Array.from(bufferArrary);
// let encoder = new TextEncoder()
// let array = encoder.encode(note.text)
let array = convertHexStringToUint8Array(note.text)
let blob = new Blob([array], { type: "application/octet-stream" }); let blob = new Blob([array], { type: "application/octet-stream" });
let form = new FormData(); let form = new FormData();
@@ -73,7 +77,10 @@ export function saveNote(noteForm, secret) {
} }
export function deleteNote(key) { export function deleteNote(key) {
let storeKey = getStoreKey(key);
let storeInfo = storage.local.getText(storeKey);
let note = { let note = {
cipher: storeInfo.substring(2, 34),
key: key, key: key,
}; };

BIN
src/assets/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

2
src/i18n/config/en.js
View File

@@ -4,7 +4,7 @@ const en = {
}, },
content: { content: {
blankTip: "I am Blank.", blankTip: "I am Blank.",
noteTip: "Write here.", noteTip: "Start writing something...",
deleteTip: "The note will be deleted automatically. ttl:" deleteTip: "The note will be deleted automatically. ttl:"
}, },
button: { button: {

2
src/i18n/config/zh.js
View File

@@ -4,7 +4,7 @@ const zh = {
}, },
content: { content: {
blankTip: "空白的内容。", blankTip: "空白的内容。",
noteTip: "写在这儿。", noteTip: "开始写下一些东西吧。。。",
deleteTip: "笔记将被自动删除。剩余时间：" deleteTip: "笔记将被自动删除。剩余时间："
}, },
button: { button: {

13
src/i18n/index.js
View File

@@ -1,4 +1,6 @@
import { createI18n } from "vue-i18n"; import Vue from "vue";
import VueI18n from "vue-i18n";
Vue.use(VueI18n);
import zh from "./config/zh"; import zh from "./config/zh";
import en from "./config/en"; import en from "./config/en";
@@ -8,16 +10,11 @@ const messages = {
en, en,
} }
const i18n = createI18n({ const i18n = new VueI18n({
allowComposition: true, messages: messages,
globalInjection: true,
legacy: false,
locale: getLocale(), locale: getLocale(),
messages
}); });
function getLocale() { function getLocale() {
var lang = navigator.language; var lang = navigator.language;
if (lang) { if (lang) {

107
src/libs/secret.js
View File

@@ -1,11 +1,12 @@
import CryptoJS from "crypto-js"; import CryptoJS from "crypto-js";
import pako from "pako"; import pako from "pako";
import {Buffer} from "buffer";
//import {gzip_encode_raw,gzip_decode_raw} from 'wasm-flate'; //import {gzip_encode_raw,gzip_decode_raw} from 'wasm-flate';
const wasmFlate = window.wasm_bindgen; const wasmFlate = window.wasm_bindgen;
CryptoJS.enc.Uint8Array = { CryptoJS.enc.Uint8Array = {
/** /**
* WordArray转Uint8Array * WordArray转Uint8Array
* @param wordArray * @param wordArray
@@ -24,6 +25,7 @@ CryptoJS.enc.Uint8Array = {
} }
return u8_array; return u8_array;
}, },
/** /**
* Uint8Array转WordArray * Uint8Array转WordArray
* @param u8arr * @param u8arr
@@ -39,7 +41,6 @@ CryptoJS.enc.Uint8Array = {
} }
}; };
/** /**
* @word 要加密的内容 * @word 要加密的内容
* @keyWord String 服务器随机返回的关键字 * @keyWord String 服务器随机返回的关键字
@@ -75,29 +76,31 @@ export function aesEncrypt(word, keyWord) {
mode: CryptoJS.mode.ECB, mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.ZeroPadding, padding: CryptoJS.pad.ZeroPadding,
}); });
return encrypted.toString(); return encrypted.ciphertext.toString();
} }
//解密 //解密
export function aesDecrypt(word, keyWord) { export function aesDecrypt(word, keyWord) {
let key = CryptoJS.enc.Utf8.parse(keyWord); let key = CryptoJS.enc.Utf8.parse(keyWord);
let decrypt = CryptoJS.AES.decrypt(word, key, { var srcs = CryptoJS.enc.Hex.parse(word);
let decrypt = CryptoJS.AES.decrypt({
ciphertext: srcs
}, key, {
mode: CryptoJS.mode.ECB, mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.ZeroPadding, padding: CryptoJS.pad.ZeroPadding,
}); });
return decrypt; return decrypt;
} }
//base64 encode btoa //base64 encode
export function base64Encode(text) { // export function encode(text) {
return Buffer.from(text, 'utf-8').toString('base64'); // return Buffer.from(text, 'utf-8').toString('base64');
} // }
//base64 decode atob //base64 decode
export function base64Decode(text) { // export function decode(text) {
return Buffer.from(text,'base64').toString('utf-8'); // return Buffer.from(text,'base64').toString('utf-8');
} // }
export function noteUnzip(wdary) { export function noteUnzip(wdary) {
let data = unzip(wdary); let data = unzip(wdary);
@@ -112,43 +115,77 @@ export function noteZip(text) {
return text; return text;
} }
export function zip(data){ export function zip(data) {
if(wasmFlate.__wbindgen_wasm_module){ if (wasmFlate.__wbindgen_wasm_module) {
return wasmFlate.gzip_encode_raw(data); return wasmFlate.gzip_encode_raw(data);
} }
return pako.gzip(data); return pako.gzip(data);
} }
export function unzip(data){ export function unzip(data) {
if(wasmFlate.__wbindgen_wasm_module){ if (wasmFlate.__wbindgen_wasm_module) {
return wasmFlate.gzip_decode_raw(data); return wasmFlate.gzip_decode_raw(data);
} }
return pako.ungzip(data); return pako.ungzip(data);
} }
export function convertBase64ToHexString(base64) {
return CryptoJS.enc.Hex.stringify(CryptoJS.enc.Base64.parse(base64));
}
export function convertHexStringToBase64(hexString) {
return CryptoJS.enc.Base64.stringify(CryptoJS.enc.Hex.parse(hexString));
}
export function convertHexStringToUint8Array(hexString) {
return Uint8Array.from(Buffer.from(hexString, 'hex'));
}
export function convertUint8ArrayToHexString(byteArray) {
return Buffer.from(byteArray).toString('hex');
}
function convertWordArrayToUint8Array(wordArray) { function convertWordArrayToUint8Array(wordArray) {
return CryptoJS.enc.Uint8Array.stringify(wordArray);
let rr = CryptoJS.enc.Uint8Array.stringify(wordArray);
return rr;
// console.log(rr)
// var len = wordArray.words.length,
// u8_array = new Uint8Array(len << 2),
// offset = 0, word, i
// ;
// for (i = 0; i < len; i++) {
// word = wordArray.words[i];
// u8_array[offset++] = word >> 24;
// u8_array[offset++] = (word >> 16) & 0xff;
// u8_array[offset++] = (word >> 8) & 0xff;
// u8_array[offset++] = word & 0xff;
// }
// return u8_array;
} }
function convertUint8ArrayToWordArray(u8Array) { function convertUint8ArrayToWordArray(u8Array) {
return CryptoJS.enc.Uint8Array.parse(u8Array);
let rr = CryptoJS.enc.Uint8Array.parse(u8Array);
return rr;
// console.log(rr)
// var words = [], i = 0, len = u8Array.length;
// while (i < len) {
// words.push(
// (u8Array[i++] << 24) |
// (u8Array[i++] << 16) |
// (u8Array[i++] << 8) |
// (u8Array[i++])
// );
// }
// return {
// sigBytes: words.length * 4,
// words: words
// };
} }
export function convertHexStringToUint8Array(hexString) {
var result = [];
for (var i = 0; i < hexString.length; i += 2) {
result.push(parseInt(hexString.substr(i, 2), 16));
}
return Uint8Array.from(result);
// Uint8Array.from(hexString.match(/.{1,2}/g).map((byte) => parseInt(byte, 16)));
}
export function convertUint8ArrayToHexString(byteArray) {
return Array.prototype.map.call(byteArray, function(byte) {
return ('0' + (byte & 0xFF).toString(16)).slice(-2);
}).join('');
}

32
src/main.js
View File

@@ -1,29 +1,25 @@
import { createApp } from 'vue' import Vue from 'vue'
import ViewUIPlus from 'view-ui-plus'
import App from './App.vue' import App from './App.vue'
import router from './router' import router from './router'
import axios from 'axios' import axios from 'axios'
import VueAxios from 'vue-axios' import VueAxios from 'vue-axios'
import './plugins/iview.js'
import i18n from './i18n/' import i18n from './i18n/'
import NoteConstant from "@/libs/constants" import NoteConstant from "@/libs/constants";
axios.defaults.baseURL = NoteConstant.servicePath; axios.defaults.baseURL = NoteConstant.servicePath;
Vue.use(VueAxios, axios)
const debugFlag = process.env.NODE_ENV !== 'production'; const debugFlag = process.env.NODE_ENV !== 'production';
Vue.config.debug = debugFlag;
Vue.config.devtools = debugFlag;
Vue.config.productionTip = debugFlag;
const app = createApp(App) new Vue({
i18n,
router,
render: h => h(App)
}).$mount('#app')
app.config.debug = debugFlag;
app.config.devtools = debugFlag;
app.config.productionTip = debugFlag;
app.use(router)
.use(i18n)
.use(VueAxios, axios)
.use(ViewUIPlus, {
i18n: i18n,
transfer: true,
size: 'large',
capture: false,
})
.mount('#app')

6
src/plugins/iview.js Normal file
View File

@@ -0,0 +1,6 @@
import Vue from 'vue'
import ViewUI from 'view-design'
Vue.use(ViewUI)
//import 'view-design/dist/styles/iview.css'

13
src/router/index.js
View File

@@ -1,4 +1,5 @@
import { createRouter, createWebHistory } from 'vue-router' import Vue from "vue";
import VueRouter from "vue-router";
import EditNote from "@/views/EditNote.vue"; import EditNote from "@/views/EditNote.vue";
import ViewNote from "@/views/ViewNote.vue"; import ViewNote from "@/views/ViewNote.vue";
import ErrorRoute from "@/views/ErrorRoute.vue"; import ErrorRoute from "@/views/ErrorRoute.vue";
@@ -7,6 +8,8 @@ import { getNoteMeta } from "@/api/note";
import { getStoreKey } from "@/api/lock"; import { getStoreKey } from "@/api/lock";
import storage from "@/libs/storage"; import storage from "@/libs/storage";
Vue.use(VueRouter);
var keyMeta = null; var keyMeta = null;
var noteMeta = null; var noteMeta = null;
var errorMeta = null; var errorMeta = null;
@@ -116,11 +119,9 @@ const routes = [
{ path: "/:path(.*)", component: ErrorRoute } { path: "/:path(.*)", component: ErrorRoute }
]; ];
const router = createRouter({ const router = new VueRouter({
history: createWebHistory(process.env.VUE_APP_URL_BASE_PATH), routes,
linkExactActiveClass: "active",
mode: "history", mode: "history",
routes });
})
export default router; export default router;

62
src/views/EditNote.vue
View File

@@ -38,13 +38,6 @@
justify-content: center; justify-content: center;
} }
/* button span {
margin-left: 0px !important;
font-size: 18px !important;
font-family: apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
margin-bottom: 6px;
} */
@media print { @media print {
@@ -87,19 +80,30 @@
v-on:click="refreshPage()" /> v-on:click="refreshPage()" />
<div style="float:left;width:auto;"> <div style="float:left;width:auto;">
<Button-group size="large"> <Button-group size="large">
<Button aria-label="to top" v-show="toTopState" type="text" <Button aria-label="to top" v-show="toTopState" type="text"
style="margin-left:5px; border-radius: 0px; font-size: 28px;color:red;line-height: 20px;" style="margin-left:5px; border-radius: 0px; font-size: 28px;color:red;line-height: 20px;"
@click="toTop()" icon="ios-arrow-up" ghost></Button> @click="toTop()" icon="ios-arrow-up" ghost></Button>
</Button-group> </Button-group>
</div> </div>
<div style="float:right;width:auto;"> <div style="float:right;width:auto;">
<Button-group size="large"> <Button-group size="large">
<Button aria-label="publish" type="error" :loading="model.submitting" <Button aria-label="publish" type="error" :loading="model.submitting"
style="margin-left:5px; border-radius: 0px;font-size: 21px;" @click="submitNote()" style="margin-left:5px; border-radius: 0px;font-size: 21px;" @click="submitNote()"
icon="md-cloud-upload"></Button> icon="md-cloud-upload"></Button>
<Button aria-label="menu" type="error" style="margin-left:3px; border-radius: 0px;font-size: 24px;" <Button aria-label="menu" type="error" style="margin-left:3px; border-radius: 0px;font-size: 24px;"
@click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button> @click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button>
</Button-group> </Button-group>
</div> </div>
</div> </div>
@@ -141,13 +145,11 @@
<Form :model="noteForm" :label-width="80"> <Form :model="noteForm" :label-width="80">
<div ref="html2canvas" id="wrapper" style="border-left: 2px solid #ed4014;"> <div ref="html2canvas" id="wrapper" style="border-left: 2px solid #ed4014;">
<Input element-id="noteText" type="textarea" :border="false" v-model="noteForm.text" autofocus <Input element-id="noteText" type="textarea" :border="false" v-model="noteForm.text" autofocus
:autosize="{ minRows: 35, maxRows: 100000 }" :placeholder="$t('content.noteTip')" @input="recordText" :autosize="{ minRows: 30, maxRows: 409600 }" :placeholder="$t('content.noteTip')" @input="recordText"
@on-keydown="recordEventKdown" /> @on-keydown="recordEventKdown" />
</div> </div>
</Form> </Form>
</Card> </Card>
<WordCount :value="noteForm.text" :total="100000" style="border-top:1px solid #ed4014;float:left" />
</Col> </Col>
</Row> </Row>
@@ -215,7 +217,6 @@ export default {
lock: 0, lock: 0,
locking: 0, locking: 0,
commited: 0, commited: 0,
deleted: 0,
serverTime: '', serverTime: '',
initTime: '', initTime: '',
}, },
@@ -378,27 +379,27 @@ export default {
backStoreFunction() { backStoreFunction() {
let that = this; let that = this;
return function () { return function () {
that.backStoreText(); that.backStoreText(that);
} }
}, },
backStoreText() { backStoreText(that) {
let nowEditCount = this.noteForm.text.length; let nowEditCount = that.noteForm.text.length;
let nowEditTime = new Date().getTime(); let nowEditTime = new Date().getTime();
if (Math.abs(nowEditCount - this.lastStoreCount) > 10) { if (Math.abs(nowEditCount - that.lastStoreCount) > 10) {
setStoreText(this.noteForm, this.state, this.secret); setStoreText(that.noteForm, that.state, that.secret);
this.lastStoreTime = this.lastEditTime; that.lastStoreTime = that.lastEditTime;
this.lastStoreCount = nowEditCount; that.lastStoreCount = nowEditCount;
} else { } else {
if (nowEditTime - this.lastEditTime >= 1000 && nowEditTime - this.lastEditTime < 20000) { if (nowEditTime - that.lastEditTime >= 1000 && nowEditTime - that.lastEditTime < 20000) {
if (this.lastEditTime != this.lastStoreTime) { if (that.lastEditTime != that.lastStoreTime) {
setStoreText(this.noteForm, this.state, this.secret); setStoreText(that.noteForm, that.state, that.secret);
this.lastStoreTime = this.lastEditTime; that.lastStoreTime = that.lastEditTime;
this.lastStoreCount = nowEditCount; that.lastStoreCount = nowEditCount;
} }
} else if (nowEditTime - this.lastEditTime >= 20000) { } else if (nowEditTime - that.lastEditTime >= 20000) {
if (this.backStoreTextInterval != null) { if (that.backStoreTextInterval != null) {
let ivl = this.backStoreTextInterval; let ivl = that.backStoreTextInterval;
this.backStoreTextInterval = null; that.backStoreTextInterval = null;
window.clearInterval(ivl); window.clearInterval(ivl);
} }
} }
@@ -517,7 +518,6 @@ export default {
}, },
dropNote() { dropNote() {
this.model.deleting = true; this.model.deleting = true;
this.state.deleted = 1;
storage.local.delete(this.secret.storeKey); storage.local.delete(this.secret.storeKey);
storage.session.setText(this.secret.storeKey + "_delete", 1); storage.session.setText(this.secret.storeKey + "_delete", 1);
location.reload(); location.reload();
@@ -549,7 +549,7 @@ export default {
dataURLToBlob(dataurl) { dataURLToBlob(dataurl) {
let arr = dataurl.split(','); let arr = dataurl.split(',');
let mime = arr[0].match(/:(.*?);/)[1]; let mime = arr[0].match(/:(.*?);/)[1];
let bstr = window.atob(arr[1]); let bstr = atob(arr[1]);
let n = bstr.length; let n = bstr.length;
let u8arr = new Uint8Array(n); let u8arr = new Uint8Array(n);
while (n--) { while (n--) {
@@ -602,9 +602,7 @@ export default {
}); });
}, },
beforeunloadHandler() { beforeunloadHandler() {
if(this.state.deleted==0){ this.recordText();
setStoreText(this.noteForm, this.state, this.secret);
}
}, },
} }
} }

13
src/views/ErrorNote.vue
View File

@@ -135,6 +135,19 @@ export default {
//this.bindCopyTextEvent(); //this.bindCopyTextEvent();
const myObserver = new ResizeObserver(entries => {
// iterate over the entries, do something.
entries.forEach(entry => {
let affix = document.querySelector('.ivu-affix');
if (affix) {
affix.setAttribute("style", "top: 0px; width: " + (entry.contentRect.width +2) + "px;");
}
});
});
const someOtherEl = document.querySelector('#wrapper');
myObserver.observe(someOtherEl);
}, },

135
src/views/ViewNote.vue
View File

@@ -80,8 +80,8 @@
} }
#qrUrl::selection { #qrUrl::selection {
background: #dddddd; background-color: #ed4014;
color: #ed4014; color: #ffffff;
} }
#copyBtn { #copyBtn {
@@ -151,11 +151,11 @@
/* button span { /* #noteMenu button span{
margin-left: 0px !important; font-size: 20px;
font-size: 16px !important; line-height: 20px;
font-family: apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; margin-left: 7px !important;
margin-bottom: 6px; margin-right: 5px !important;
} */ } */
</style> </style>
@@ -171,6 +171,20 @@
<div :class="[showHeaderShade ? 'noteHeaderShade' : 'noteHeader']"> <div :class="[showHeaderShade ? 'noteHeaderShade' : 'noteHeader']">
<img style="height:40px;float:left;cursor: pointer;" alt="refresh flagnote" src="/static/logo.png" <img style="height:40px;float:left;cursor: pointer;" alt="refresh flagnote" src="/static/logo.png"
v-on:click="refreshPage()"> v-on:click="refreshPage()">
<!--
<div style="float:left;width:auto;vertical-align: center;">
<div style="font-size: 18px;
color: red;
line-height: 40px;
display: inline-block;
font-weight: bold;
height: 40px;">{{
state.ttlDesc
}}</div>
</div>
-->
<div style="float:left;width:auto;"> <div style="float:left;width:auto;">
<Button-group size="large"> <Button-group size="large">
@@ -189,16 +203,8 @@
<Button-group size="large"> <Button-group size="large">
<Button aria-label="ttl" type="error" <Button aria-label="ttl" type="error"
style="margin-left:5px; border-radius: 0px;font-size: 21px; padding-left: 3px !important;padding-right: 7px !important; font-family: Arial, sans-serif" style="margin-left:5px; border-radius: 0px;font-size: 21px; font-family: Arial, sans-serif"
@click="showTtlDeleteModel()"> @click="showTtlDeleteModel()" icon="md-alarm">{{ state.ttlDesc }}</Button>
<Badge :offset="[8, 0]" style="padding-top:1px;">
<Icon type="md-trash" color="#FFFFFF" size="24" />
<template #count>
<Icon type="md-time" color="#FFFFFF" size="14" />
</template>
</Badge>
<span style="font-size:18px;margin-left: 7px">{{ state.ttlDesc }}</span>
</Button>
<Button aria-label="share" type="error" <Button aria-label="share" type="error"
style="margin-left:3px; border-radius: 0px;font-size: 21px; font-family: Arial, sans-serif" style="margin-left:3px; border-radius: 0px;font-size: 21px; font-family: Arial, sans-serif"
@@ -250,32 +256,8 @@
:lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }"> :lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }">
<Card :padding="0"> <Card :padding="0">
<div ref="html2canvas" id="wrapper" style="border-left: 2px solid white;"> <div ref="html2canvas" id="wrapper" style="border-left: 2px solid white;">
<Skeleton :loading="showSkeleton">
<template #template>
<div style=" padding: 10px; width: 100%; height: 800px;text-align: left;" >
<SkeletonItem />
<SkeletonItem block width="80%" height="16px" />
<SkeletonItem width="80%" height="16px" class="ivu-mr" />
<SkeletonItem width="68%" height="16px" class="ivu-mr" />
<SkeletonItem width="38%" height="16px" />
<SkeletonItem width="88%" height="16px" />
<SkeletonItem block width="80%" height="16px" />
<SkeletonItem width="80%" height="16px" class="ivu-mr" />
<SkeletonItem width="68%" height="16px" class="ivu-mr" />
<SkeletonItem width="38%" height="16px" />
<SkeletonItem width="88%" height="16px" />
<SkeletonItem block width="80%" height="16px" />
<SkeletonItem width="80%" height="16px" class="ivu-mr" />
<SkeletonItem width="68%" height="16px" class="ivu-mr" />
<SkeletonItem width="38%" height="16px" />
<SkeletonItem width="88%" height="16px" />
</div>
</template>
<template #default>
<Input element-id="noteText" readonly type="textarea" :border="false" v-model="noteForm.text" <Input element-id="noteText" readonly type="textarea" :border="false" v-model="noteForm.text"
:autosize="{ minRows: 35 }" /> :autosize="{ minRows: 30, maxRows: 409600 }" :placeholder="$t('content.noteTip')" />
</template>
</Skeleton>
</div> </div>
</Card> </Card>
</Col> </Col>
@@ -292,7 +274,12 @@
<Modal v-model="model.showShare" width="360" footer-hide class-name="qrmodal" :styles="{ borderRadius: 0 }" <Modal v-model="model.showShare" width="360" footer-hide class-name="qrmodal" :styles="{ borderRadius: 0 }"
@on-cancel="closeShareModel"> @on-cancel="closeShareModel">
<p style="text-align: center; z-index: 1000; position: absolute; top: -2px; left: 0px; width: 100%;"> <p style="text-align: center;
z-index: 1000;
position: absolute;
top: -2px;
left: 0px;
width: 100%;">
<Tag style="border-radius: 0px;" v-show="model.copyTip" color="#ed4014" text="">Url Copied.</Tag> <Tag style="border-radius: 0px;" v-show="model.copyTip" color="#ed4014" text="">Url Copied.</Tag>
</p> </p>
<p style="text-align: center;margin-top:20px;line-height:100%"> <p style="text-align: center;margin-top:20px;line-height:100%">
@@ -349,17 +336,16 @@
<script> <script>
import { md5, unwrap } from "@/libs/secret"; import { md5, unwrap, convertUint8ArrayToHexString} from "@/libs/secret";
import { getStoreKey } from "@/api/lock"; import { getStoreKey } from "@/api/lock";
import { deleteNote, getNoteBlob } from "@/api/note"; import { deleteNote, getNoteBlob } from "@/api/note";
import storage from "@/libs/storage"; import storage from "@/libs/storage";
//import { getEscapeText } from "@/libs/noteStorage"; //import { getEscapeText } from "@/libs/noteStorage";
import QRCode from "qrcodejs2-fixes"; import QRCode from "qrcodejs2";
import Clipboard from "clipboard"; import Clipboard from "clipboard";
import { saveAs } from 'file-saver'; import { saveAs } from 'file-saver';
import { isWeixin, getNoteUrl } from "@/libs/utils"; import { isWeixin, getNoteUrl } from "@/libs/utils";
import html2canvas from "html2canvas"; import html2canvas from "html2canvas";
import { Buffer } from 'buffer';
export default { export default {
name: 'ViewNote', name: 'ViewNote',
@@ -401,8 +387,6 @@ export default {
showMenuState: false, showMenuState: false,
showHeaderShade: false, showHeaderShade: false,
errorInfo: '', errorInfo: '',
targetTime: null,
showSkeleton: true,
} }
}, },
created() { created() {
@@ -428,7 +412,6 @@ export default {
this.state.initTime = new Date().getTime(); this.state.initTime = new Date().getTime();
this.state.initTtl = noteMeta.ttl; this.state.initTtl = noteMeta.ttl;
this.state.ttl = noteMeta.ttl; this.state.ttl = noteMeta.ttl;
this.targetTime = noteMeta.ttl + new Date().getTime();
this.state.serverTime = noteMeta.serverTime; this.state.serverTime = noteMeta.serverTime;
this.secret.cipher = "00000000000000000000000000000000";//noteMeta.cipher; //读者有没有值可配置 this.secret.cipher = "00000000000000000000000000000000";//noteMeta.cipher; //读者有没有值可配置
@@ -453,6 +436,12 @@ export default {
}, },
mounted() { mounted() {
let stateInfo = storage.session.getText(this.secret.storeKey + "_share");
if (stateInfo == '1') {
storage.session.setText(this.secret.storeKey + "_share", '0');
this.showShareModel();
}
const myObserver = new ResizeObserver(entries => { const myObserver = new ResizeObserver(entries => {
// iterate over the entries, do something. // iterate over the entries, do something.
entries.forEach(entry => { entries.forEach(entry => {
@@ -479,13 +468,6 @@ export default {
} }
new QRCode(qrimg, opts); new QRCode(qrimg, opts);
let stateInfo = storage.session.getText(this.secret.storeKey + "_share");
if (stateInfo == '1') {
storage.session.setText(this.secret.storeKey + "_share", '0');
setTimeout(() => {
this.showShareModel();
}, 100);
}
}, },
updated() { updated() {
}, },
@@ -522,7 +504,9 @@ export default {
} else if (mins < 10) { } else if (mins < 10) {
mins = "0" + mins; mins = "0" + mins;
} }
let seds = parseInt(ittl % 60); let seds = parseInt(ittl % 60);
if (seds < 0) { if (seds < 0) {
seds = "00"; seds = "00";
} else if (seds < 10) { } else if (seds < 10) {
@@ -530,6 +514,7 @@ export default {
} }
that.state.ttlDesc = mins + ":" + seds; that.state.ttlDesc = mins + ":" + seds;
that.state.ttl = that.state.initTtl - (new Date().getTime() - that.state.initTime); that.state.ttl = that.state.initTtl - (new Date().getTime() - that.state.initTime);
if (that.state.ttl <= 0) { if (that.state.ttl <= 0) {
storage.local.delete(that.secret.storeKey); storage.local.delete(that.secret.storeKey);
location.reload(); location.reload();
@@ -594,19 +579,28 @@ export default {
return; return;
} }
res.data.arrayBuffer().then(function (ab) { let blob = new Blob([res.data], {
if (!ab || ab.byteLength == 0) { type: res.data.type
});
let reader = new FileReader();
reader.onload = function (e) {
if (!e.target.result || e.target.result.byteLength == 0) {
return; return;
} }
let base64String = Buffer.from(ab).toString('base64') // let decoder = new TextDecoder();
that.noteForm.text = unwrap(base64String, that.secret.secretKey); // let bytesString = decoder.decode(e.target.result);
that.showSkeleton = false; let bytesString = convertUint8ArrayToHexString(new Uint8Array(e.target.result));
that.noteForm.text = unwrap(bytesString, that.secret.secretKey);
//that.noteForm.escapeText = getEscapeText(that.noteForm.text);
// if local is enough, set local // if local is enough, set local
if (storage.local.getAvailableSize() > 1 * 1024 * 1024) { if (storage.local.getAvailableSize() > 1 * 1024 * 1024) {
storage.local.setText(that.secret.storeKey, that.state.lock + '|' + that.secret.cipher + '|1|' + that.state.serverTime + '|' + base64String); storage.local.setText(that.secret.storeKey, that.state.lock + '|' + that.secret.cipher + '|1|' + that.state.serverTime + '|' + bytesString);
} }
}); };
reader.readAsArrayBuffer(blob);
}); });
} else { } else {
@@ -617,7 +611,6 @@ export default {
} }
this.noteForm.text = unwrap(starray[4], this.secret.secretKey); this.noteForm.text = unwrap(starray[4], this.secret.secretKey);
this.showSkeleton = false;
//this.noteForm.escapeText = getEscapeText(this.noteForm.text); //this.noteForm.escapeText = getEscapeText(this.noteForm.text);
// local is usable, and set commited flag // local is usable, and set commited flag
@@ -673,7 +666,7 @@ export default {
dataURLToBlob(dataurl) { dataURLToBlob(dataurl) {
let arr = dataurl.split(','); let arr = dataurl.split(',');
let mime = arr[0].match(/:(.*?);/)[1]; let mime = arr[0].match(/:(.*?);/)[1];
let bstr = window.atob(arr[1]); let bstr = atob(arr[1]);
let n = bstr.length; let n = bstr.length;
let u8arr = new Uint8Array(n); let u8arr = new Uint8Array(n);
while (n--) { while (n--) {
@@ -685,7 +678,7 @@ export default {
let canvasID = this.$refs["html2canvas"]; let canvasID = this.$refs["html2canvas"];
let that = this; let that = this;
let a = document.createElement('a'); let a = document.createElement('a');
html2canvas(canvasID, { html2canvas(canvasID,{
scale: 1, scale: 1,
windowWidth: document.getElementById("noteText").offsetWidth, windowWidth: document.getElementById("noteText").offsetWidth,
onclone: (clonedDocument) => { onclone: (clonedDocument) => {
@@ -693,16 +686,16 @@ export default {
const div = clonedDocument.createElement('div') const div = clonedDocument.createElement('div')
div.innerText = nt.value div.innerText = nt.value
div.style.color = "black"; div.style.color="black";
div.style.padding = "0px"; div.style.padding = "0px";
div.style.textAlign = "left"; div.style.textAlign = "left";
div.style.wordBreak = "break-word"; div.style.wordBreak = "break-word";
div.style.whiteSpace = "pre-wrap"; div.style.whiteSpace = "pre-wrap";
div.style.verticalAlign = "top"; div.style.verticalAlign = "top";
div.style.fontSize = "15px"; div.style.fontSize ="15px";
div.style.width = "100%"; div.style.width= "100%";
div.style.border = "0px"; div.style.border="0px";
div.style.fontFamily = "'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif"; div.style.fontFamily="'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif";
nt.style.display = 'none' nt.style.display = 'none'

113
vue.config.js
View File

@@ -1,70 +1,32 @@
const { defineConfig } = require('@vue/cli-service') const { defineConfig } = require("@vue/cli-service");
const CompressionPlugin = require("compression-webpack-plugin"); const CompressionPlugin = require("compression-webpack-plugin");
const WebpackObfuscator = require('webpack-obfuscator'); const WebpackObfuscator = require('webpack-obfuscator');
const path = require('path')
const { NODE_ENV, VUE_APP_TITLE = '' } = process.env module.exports = defineConfig({
const assetsCDN = {
// 忽略打包的第三方库
externals: {
'vue': 'Vue',
'vue-router': 'VueRouter',
"crypto-js": "CryptoJS",
'pako': 'pako',
"html2canvas": "html2canvas",
'view-ui-plus':'ViewUIPlus',
},
// 通过cdn方式使用
js: [
'https://cdn.jsdelivr.net/npm/vue@3.2.47/dist/vue.global.min.js',
'https://cdn.jsdelivr.net/npm/vue-router@4.1.6/dist/vue-router.global.min.js',
'https://cdn.jsdelivr.net/npm/crypto-js@4.1.1/crypto-js.min.js',
'https://cdn.jsdelivr.net/npm/pako@2.1.0/dist/pako.min.js',
'https://cdn.jsdelivr.net/npm/view-ui-plus@1.3.10/dist/viewuiplus.min.js',
'https://cdn.jsdelivr.net/npm/wasm-flate@1.0.2-browser/wasm_flate.min.js',
'https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js',
],
css: [
'https://cdn.jsdelivr.net/npm/view-ui-plus@1.3.10/dist/styles/viewuiplus.min.css',
]
}
const config = {
assetsDir: 'static', assetsDir: 'static',
productionSourceMap: NODE_ENV !== 'production', productionSourceMap: false,
configureWebpack: (config) => { configureWebpack: (config) => {
config.experiments = { asyncWebAssembly: true, syncWebAssembly: true } config.experiments = { asyncWebAssembly: true, syncWebAssembly: true }
config.externals = assetsCDN.externals;
// const assetsCDN = {
// // 放置需要使用 cdn 的库
// externals: {
// 'vue': 'Vue',
// 'vue-router': 'VueRouter',
// "crypto-js": "CryptoJS",
// 'pako': 'pako',
// "html2canvas": "html2canvas",
// 'view-ui-plus':'ViewUIPlus',
// },
// css: [
// // 存放 引用 css文件的地址
// '//unpkg.com/element-plus@1.0.2-beta.48/lib/theme-chalk/index.css',
// ],
// js: [
// // 存放 引用 js 文件的地址
// '//unpkg.com/vue@3.1.1/dist/vue.global.js',
// '//unpkg.com/element-plus@1.0.2-beta.48/lib/index.full.js'
// ]
// }
config.externals = {
'vue': 'Vue',
'vue-router': 'VueRouter',
'axios': 'axios',
//'vue-axios':'VueAxios',
"crypto-js": "CryptoJS",
'qrcodejs2': 'QRCode',
'pako': 'pako',
"view-design": 'iview',
"iview": 'ViewUI',
"file-saver": 'saveAs',
"clipboard": "ClipboardJS",
"vue-i18n": "VueI18n",
"html2canvas": "html2canvas",
"wasm_flate": "wasm_flate"
};
// 为生产环境修改配置 // 为生产环境修改配置
if (process.env.NODE_ENV === 'production') { if (process.env.NODE_ENV === 'production') {
@@ -95,49 +57,24 @@ const config = {
) )
} }
}, },
transpileDependencies: true,
transpileDependencies: false, chainWebpack: (config) => {
config.plugin("html").tap((args) => {
args[0].title = "flagnote.com";
chainWebpack: (setting) => {
setting.plugin("html").tap((args) => {
args[0].cdn = assetsCDN
args[0].title = VUE_APP_TITLE;
return args; return args;
}); });
},
css: {
loaderOptions: {
less: {
lessOptions: {
javascriptEnabled: true,
}
}
}
}, },
devServer: { devServer: {
proxy: { proxy: {
"/note": { "/note": {
target: "https://flagnote.com/", // 后台接口域名 target: "https://flagnote.com/", // 后台接口域名
//target: "http://localhost:20000/", // 后台接口域名 // target: "http://localhost:10000/", // 后台接口域名
secure: false, // 如果是https接口，需要配置这个参数 secure: false, // 如果是https接口，需要配置这个参数
changeOrigin: true, //是否跨域 changeOrigin: true, //是否跨域
pathRewrite: { pathRewrite: {
// '^/': '/' // '^/': '/'
}, },
}, "^/[abcdefhikmnopqstuvwxyz23456789]{16}\\.txt$": {
target: "https://flagnote.com/", // 后台接口域名
//target: "http://localhost:20000/", // 后台接口域名
secure: false, // 如果是https接口，需要配置这个参数
changeOrigin: true, //是否跨域
pathRewrite: {
'^/': '/note/'
}, },
}, },
}, },
} });
}
module.exports = defineConfig(config)

2573
yarn.lock
View File

File diff suppressed because it is too large Load Diff