Add readme.md for dashbaord project.

3 years ago · 5445bf8c1b
--- a/src/DotNetCore.CAP.Dashboard/wwwroot/README.md
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/README.md
@@ -0,0 +1,47 @@
 # Dashboard

 The dashboard project uses vue 2 to build, and the UI uses bootstrap 4.

 ## Local Development

 ### Install dependent packages

 > cd src\DotNetCore.CAP.Dashboard\wwwroot

 ```sh
 npm install -g @vue/cli @vue/cli-service-global

 npm install
 ```

 ### Update backend api

 Update the `baseURL` in `global.js` of development to specify the backend service api.

 ```
 switch (process.env.NODE_ENV) {
    case 'development':
        baseURL = 'http://localhost:5000';  // backend api
        break
    default:
        baseURL = window.serverUrl;
        break
 }
 ```

 ### Run

 The backend api needs to allow cross-domain access.

 ```
 npm run serve
 ```

 ## Publish

 The release will be generated into the `dist` folder, and the contents of this folder will be embedded in the dotnet csproj assembly.

 ```
 npm run build
 ```

--- a/src/DotNetCore.CAP.Dashboard/wwwroot/dist/css/app.4fd93b4b.css
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/dist/css/app.4fd93b4b.css
@@ -1 +1 @@
 .nav-item[data-v-57ea412e]{padding:0 10px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding-bottom:50px}.page-line{text-align:left;line-height:38px;padding-bottom:9px;border-bottom:1px solid #eee}.chart[data-v-da293f9a]{height:500px;width:100%}
 .nav-item[data-v-4ff86e0d]{padding:0 10px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding-bottom:50px}.page-line{text-align:left;line-height:38px;padding-bottom:9px;border-bottom:1px solid #eee}.chart[data-v-da293f9a]{height:500px;width:100%}
--- a/src/DotNetCore.CAP.Dashboard/wwwroot/dist/index.html
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/dist/index.html
@@ -1,2 +1,2 @@
 <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>myapp</title><link href="css/app.ac328da6.css" rel="preload" as="style"><link href="css/chunk-vendors.e8860705.css" rel="preload" as="style"><link href="js/app.c7691be8.js" rel="preload" as="script"><link href="js/chunk-vendors.a45910c3.js" rel="preload" as="script"><link href="css/chunk-vendors.e8860705.css" rel="stylesheet"><link href="css/app.ac328da6.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but myapp doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>window.serverUrl = window.location.origin + "%(servicePrefix)";
        window.pollingInterval = "%(pollingInterval)";</script><script src="js/chunk-vendors.a45910c3.js"></script><script src="js/app.c7691be8.js"></script></body></html>
 <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>myapp</title><link href="css/app.4fd93b4b.css" rel="preload" as="style"><link href="css/chunk-vendors.e8860705.css" rel="preload" as="style"><link href="js/app.0d8d9e81.js" rel="preload" as="script"><link href="js/chunk-vendors.a45910c3.js" rel="preload" as="script"><link href="css/chunk-vendors.e8860705.css" rel="stylesheet"><link href="css/app.4fd93b4b.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but myapp doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>window.serverUrl = window.location.origin + "%(servicePrefix)";
        window.pollingInterval = "%(pollingInterval)";</script><script src="js/chunk-vendors.a45910c3.js"></script><script src="js/app.0d8d9e81.js"></script></body></html>
--- a/src/DotNetCore.CAP.Dashboard/wwwroot/dist/js/app.0d8d9e81.js
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/dist/js/app.0d8d9e81.js
--- a/src/DotNetCore.CAP.Dashboard/wwwroot/dist/js/app.0d8d9e81.js.map
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/dist/js/app.0d8d9e81.js.map
--- a/src/DotNetCore.CAP.Dashboard/wwwroot/dist/js/app.c7691be8.js
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/dist/js/app.c7691be8.js
--- a/src/DotNetCore.CAP.Dashboard/wwwroot/dist/js/app.c7691be8.js.map
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/dist/js/app.c7691be8.js.map
--- a/src/DotNetCore.CAP.Dashboard/wwwroot/src/global.js
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/src/global.js
@@ -0,0 +1,12 @@
 let baseURL = "";

 switch (process.env.NODE_ENV) {
    case 'development':
        baseURL = 'http://localhost:5000';
        break
    default:
        baseURL = window.serverUrl;
        break
 }

 export default baseURL;
--- a/src/DotNetCore.CAP.Dashboard/wwwroot/src/main.js
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/src/main.js
@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'

 import baseURL from './global'
 import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
 import VueJsonPretty from 'vue-json-pretty';
 import 'vue-json-pretty/lib/styles.css';
@@ -10,7 +10,7 @@ import 'bootstrap-vue/dist/bootstrap-vue.css'
 import store from '@/store/store.js'
 import axios from "axios";

 axios.defaults.baseURL = window.serverUrl;
 axios.defaults.baseURL = baseURL;
 axios.defaults.withCredentials = true
 axios.defaults.headers.post['Content-Type'] = 'application/json';
 axios.interceptors.request.use(
--- a/src/DotNetCore.CAP.Dashboard/wwwroot/src/router/index.js
+++ b/src/DotNetCore.CAP.Dashboard/wwwroot/src/router/index.js
@@ -4,6 +4,7 @@ import Home from '../pages/Home.vue'

 Vue.use(VueRouter)


 const routes = [
    {
        path: '/',
@@ -46,4 +47,4 @@ const router = new VueRouter({
    routes
 })

 export default router
 export default router;