Configuration and use of webpack dev server
Continue with the previous one https://www.cnblogs.com/chenyingying0/p/12797474.html
Install webpack dev server
cnpm i sebpack-dev-server
Modify package.json
Because the syntax of configuring environment variables on different platforms (such as windows and mac) is different, in order to write in a way compatible with multiple platform ...
Posted by hadeosdin on Wed, 29 Apr 2020 07:06:48 -0700
Spring Boot + Spring Security for automatic login
Automatic login is a very common function in software development. For example, we log in to QQ email:
Many websites will see similar options when we log in. After all, it's a very troublesome thing to let users enter their user name and password.
The automatic login function is that after the user logs in successfully, if the user closes the ...
Posted by mentalist on Tue, 28 Apr 2020 19:02:09 -0700
Challenge the funniest Vuex series of tutorials in the whole network: Lecture 5: little helper of Vuex
Two sentences first
I've talked about the State, Getter, rotation and Action under Vuex. I don't know if you understand. Of course, if you want to master it skillfully, you need continuous practice and hands-on practice.
In fact, as long as the four carriages are mastered, there will be no problem in dealing with some small and medium-sized pro ...
Posted by kilbey1 on Sun, 26 Apr 2020 19:00:04 -0700
Climbing pit of VUE project
1, Summary
One sentence summary:
1. Modify data mutations: data in state cannot be modified directly. If you want to modify it, you must use mutations
2. [get data this.$store.state. * *]: if the component wants to get data directly from the state, it needs this.$store.state***
3. [this.$store.commit('name of method ', only one paramete ...
Posted by silentg0d on Sun, 26 Apr 2020 18:06:02 -0700
Vue Router summary (from official website)
Vue Router summary (from official website)
1. Introduction to Vue router function
Nested route / view tables
Modular, component-based routing configuration
Routing parameters, queries, wildcards
View transition effect based on Vue.js transition system
Fine grained navigation control
Links with automatically activated CSS class es
HTML 5 histor ...
Posted by sotusotusotu on Sat, 25 Apr 2020 03:00:26 -0700
iview Modal application: pop up the add / edit data page on the list application page, and then close the pop-up page to refresh the list page
In practical application, a report list page is often needed to support the addition or modification of form data. After the operation, close the sub page and refresh the list page, as shown in the following figure
Main page code key code:
1) Introduce the components of the modal page to be popped up in the main page
<product ...
Posted by pets2soul on Thu, 23 Apr 2020 07:51:32 -0700
User authentication with jwt under front-end and back-end separation
0 User Information Authentication with Front-end and Back-end Separation
The front end uses Vue+axios and the back end uses SpringBoot+SpringSecurity.
To solve the stateless problem of http, I use jwt(json web token) to save user information, bring it with the front end each time a request is made, and give it to the back end for user authentic ...
Posted by mega77 on Wed, 22 Apr 2020 18:43:37 -0700
Using Baidu rich text editor in vue.js componentization
be careful:
The editor used in this paper is: idea
1. Download Baidu rich text editor at https://ueditor.baidu.com/website/download.html
2. Add it to the static folder, as shown in the figure:
3. Introduce JS into main.js.
Note: be sure to modify the path in ueeditor.config.js
window.UEDITOR_HOME_URL = "./static/ueditor/"
4.To ...
Posted by JasonO on Tue, 21 Apr 2020 07:06:25 -0700
Vue.js component + custom instruction + route
Vue.js component
Component is one of the most powerful functions of Vue.js.
Components can extend HTML elements and encapsulate reusable code.
<template>
<div id="app">
<!-- Use custom components -->
<runoob></runoob>
</div>
</template>
<script>
import Vue from 'vue'
// Register co ...
Posted by GaryAC on Tue, 21 Apr 2020 02:47:33 -0700
Vue.js event handler + form
Vue.js event handler
<template>
<div id="app">
<button v-on:click="fn">click me</button>
</div>
</template>
<script>
var count=1;
export default {
name: 'App',
data(){
return{
name:'cyy'
}
},
methods:{
fn(e){
console.log(this.name);//cyy
if(e){
con ...
Posted by phpdragon on Mon, 20 Apr 2020 19:46:45 -0700