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
}