webpack-vue搭建,部署到后端

一、安装npm(安装node自带npm),npm安装成功测试html

二、安装cnpm,也能够装nvm-windowsvue

步骤1,打开user/admin/.npmrc,输入,也能够用命令node

步骤2,输入npm install -g cnpm --registry=https://registry.npm.taobao.orgwebpack

步骤3,把安装cnpm路径(存在cnpm.cmd)放到PATH环境里,就能够了。nginx

安装成功测试web

三、在当前本身的项目,装vue架手架,在cmd输入cnpm install -g vue-clivue-cli

四、在当前本身的项目,安装webpack,命令vue init webpack my-projectnpm

 

 五、安装Vue 依赖,cnpm installwindows

 

完成安装,运行,npm run dev,自动打开,端口8080后端

 

部署到后端(和后端放一块儿,能够选择nginx,先后端分离,能够选择跨域访问接口,访问后端。)

 

而后,配置nginx监听80端口, location/webapp,alias 到 /webapp,重启nginx

location /static {
  alias /webapp;
}

浏览器访问http://xxxxxxxx/index.html便可

相关文章
相关标签/搜索