使用vue cli开发项目中遇到的坑

标签：源码   inux   ini   http   conf   run   文件夹   target   服务   

一、部署文件

使用vue cli 开发项目，执行npm run build命令生成dist静态文件，将dist文件包放到服务器中即可。

刚接触webpack，不知道怎么部署前端文件，原以为需要将app文件上传，在 inux上安装node，以及npm install 一系列的包，捣鼓了很久，发现只需要执行 npm run build 将源码打包成一个静态文        文件即可，上传静态文件dist，将 controller指向index.html。

二、跨域问题

实行前后端分离，使用vue init 要安装 webpack版本，避免安装webpack-simple，webpack版本自带跨域处理，在config文件夹下index.js文件中增加配置：
proxyTable: {
　　‘/api‘: {
　　　　target: ‘http://116.62.180.238:8081/‘,
　　　　changeOrigin: true,
　　　　pathRewrite: {
　　　　　　‘^/api‘: ‘‘
　　　　}
　　}
}
另：部署到服务器中，nginx也需要写转换api的代码

使用vue cli开发项目中遇到的坑

标签：源码   inux   ini   http   conf   run   文件夹   target   服务   

原文地址：http://www.cnblogs.com/xixi1020/p/7204020.html