1. 程式人生 > >vue nuxt生成靜態頁面

vue nuxt生成靜態頁面

rate npm csharp .com head ati build 如果 scrip

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‘],/*多個地方引用,防止多次打包*/
    }
  }

  

vue nuxt生成靜態頁面