vue笔记

vue-cli3正式环境去掉console.log

npm install terser-webpack-plugin --save-dev

配置vue.config.js

module.export = {
  configureWebpack: (config)=>{
    if(process.env.NODE_ENV === 'production'){
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  }
}

vue-cli3 vuex数据持久化

cnpm i vuex-persistedstate -S

import createPersistedState from 'vuex-persistedstate'
   export default new Vuex.Store({
     state,
     getters,
     mutations,
     actions,
     plugins: [createPersistedState()]
   )}

### nignx区分移动端和PC端

http {
include mime.types;
default_type application/octet-stream;

#log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
#                  '$status $body_bytes_sent "$http_referer" '
#                  '"$http_user_agent" "$http_x_forwarded_for"';

#access_log  logs/access.log  main;

sendfile        on;
#tcp_nopush     on;

#keepalive_timeout  0;
keepalive_timeout  65;

#gzip  on;

server {
	listen 12000;
	server_name localhost;
	
	
	location /app-api {
             proxy_pass http://192.168.146.226:1025;
      }

	location / {
		
		#默认PC端访问内容(tp项目为例)
    		root   /home/talkyun/siqing/pc;

   			 #如果是手机移动端访问内容
		if ($http_user_agent ~* "(mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)") {
			root   /home/talkyun/siqing/phone;
		}

    		index index.html index.php;
	}
}

}

### 关闭esList

// vue.config.js
module.exports = {
lintOnSave: false
}