vue nuxt生成静态页面

Posted 2020-12-28 fm060

npm install -g vue-cli   //安装vue-cli架子

vue init nuxt-community/starter-template <project-name> //安装nuxt

npm run dev //开发运行， http://localhost:3000

 

如果需要生产静态文件使用命令：npm run generate

 

 

nuxt.config.js的一些配置

 

head: {
    script: [
      { src: ‘/‘ }/*外部js的引入，或者static中的js文件引入（/**.js）*/
    ]
  },
  env: {
    url: ‘http://***.com‘ /*全局asyncData({env})的配置，比如请求头URL常量*/
  },
  /*代理IP的使用*/
  proxy: [ [‘/api‘, {target: ‘http://**.com‘}] ], 
  build: {
    vendor: [‘axios‘, ‘qs‘],/*多个地方引用，防止多次打包*/
    }
  }