├── static
└── .gitkeep
├── config
├── prod.env.js
├── dev.env.js
└── index.js
├── src
├── assets
│ └── logo.png
├── plugins
│ ├── install.js
│ └── index.js
├── main.js
├── App.vue
└── components
│ └── HelloWorld.vue
├── .editorconfig
├── .gitignore
├── .babelrc
├── .postcssrc.js
├── index.html
├── README.md
├── rollup.config.js
└── package.json
/static/.gitkeep:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"'
4 | }
5 |
--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/qinmudi/vue-error-report/HEAD/src/assets/logo.png
--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 |
5 | module.exports = merge(prodEnv, {
6 | NODE_ENV: '"development"'
7 | })
8 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | /dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 |
8 | # Editor directories and files
9 | .idea
10 | .vscode
11 | *.suo
12 | *.ntvs*
13 | *.njsproj
14 | *.sln
15 |
--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | ["env", {
4 | "modules": false,
5 | "targets": {
6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
7 | }
8 | }],
9 | "stage-2"
10 | ],
11 | "plugins": ["transform-vue-jsx", "transform-runtime"]
12 | }
13 |
--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 |
3 | module.exports = {
4 | "plugins": {
5 | "postcss-import": {},
6 | "postcss-url": {},
7 | // to edit target browsers: use "browserslist" field in package.json
8 | "autoprefixer": {}
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | vue-error-report
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/src/plugins/install.js:
--------------------------------------------------------------------------------
1 | import wiierror from './index'
2 |
3 | export default function install(Vue, options) {
4 | if (this.install.installed) return false
5 |
6 | let {isReport,reportUrl,appId} = options
7 |
8 | if (!reportUrl&&!appId) {
9 | return console.error(`reportUrl&appId is required`)
10 | }
11 |
12 | wiierror.reportUrl = reportUrl
13 | wiierror.options = Object.assign({},wiierror.options,{app_id: appId})
14 |
15 | Object.defineProperty(Vue.prototype, '$wiierror', {
16 | get: () => this
17 | })
18 |
19 | if(isReport){
20 | wiierror.init()
21 | }
22 |
23 | this.install.installed = true
24 | }
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | // The Vue build version to load with the `import` command
2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
3 | import Vue from 'vue'
4 | import App from './App'
5 | import VueErrorReport from './plugins/index'
6 |
7 | Vue.config.productionTip = false
8 |
9 | Vue.use(VueErrorReport,{
10 | isReport: true,
11 | reportUrl: 'http://dev.sqm.wiiqq.com/api/fe/save',
12 | appId: '86805a7139a2b8000'
13 | });
14 |
15 | /* eslint-disable no-new */
16 | new Vue({
17 | el: '#app',
18 | components: { App },
19 | template: '',
20 | mounted(){
21 | var a = [];
22 | console.log(a.b.f)
23 | console.log('init')
24 | }
25 | })
26 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # vue-error-report
2 |
3 | > 平台组前端错误上报插件，会自动收集以下几点：
4 | * 问题静态资源加载
5 | * Ajax请求
6 | * Vue语法错误
7 | * Javascript语法错误
8 |
9 | ## 安装
10 |
11 | ```
12 | npm i vue-error-report --save
13 | ```
14 |
15 | ## 引入
16 |
17 | ```javascript
18 | import VueErrorReport from 'vue-error-report'
19 |
20 | Vue.use(VueErrorReport,options)
21 | ```
22 |
23 | ## 实例
24 | ```javascript
25 | Vue.use(VueErrorReport,{
26 | isReport: true,
27 | reportUrl: 'https://ping.qq.com',
28 | appId: ''
29 | })
30 | ```
31 |
32 | ### options
33 |
34 | | 参数名 | 参数说明 | 是否必填 |
35 | | - | :-: | -:|
36 | | isReport | 是否开启上报 | 必填 |
37 | | reportUrl | 上报地址 | 必填 |
38 | | appId | 项目id | 必填 |
39 |
40 | ## 后置初始化
41 | ```javascript
42 | //当isReport等于 false 时，可以手工调用 this.$wiierror.init() 进行初始化
43 | this.$wiierror.init()
44 | ```
--------------------------------------------------------------------------------
/rollup.config.js:
--------------------------------------------------------------------------------
1 | require('shelljs/global');
2 | import vue from 'rollup-plugin-vue2';
3 | import buble from 'rollup-plugin-buble';
4 | import nodeResolve from 'rollup-plugin-node-resolve';
5 | import uglify from 'rollup-plugin-uglify';
6 | import replace from 'rollup-plugin-replace';
7 |
8 | rm('-rf', 'dist');
9 | mkdir('-p', 'dist');
10 |
11 | var entry = 'src/plugins/index.js';
12 |
13 | export default {
14 | entry: entry,
15 | dest: 'dist/errorreport.js',
16 | format: 'cjs',
17 | sourceMap: true,
18 | plugins: [
19 | vue(),
20 | buble({
21 | objectAssign: 'Object.assign',
22 | exclude: 'node_modules/**' // only transpile our source code
23 | }),
24 | nodeResolve({
25 | browser: true,
26 | jsnext: true,
27 | main: true,
28 | // pass custom options to the resolve plugin
29 | customResolveOptions: {
30 | moduleDirectory: 'node_modules'
31 | }
32 | }),
33 | uglify(),
34 | replace({
35 | 'process.env.NODE_ENV': JSON.stringify( 'production' )
36 | })
37 | ],
38 | external: ['vue']
39 | }
40 |
--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
![未知图片]()
7 |
8 |
9 |
3 |
{{ msg }}
4 |
Essential Links
5 |
48 |
Ecosystem
49 |
83 |