码迷,mamicode.com
首页 > 其他好文 > 详细

Vue

时间:2018-10-12 11:57:10      阅读:780      评论:0      收藏:0      [点我收藏+]

标签:静态文件   淘宝   module   ios   alt   npm   ons   real-ip   base   

Vue
启动vue
npm run dev
部署vue项目
cnpm install -g vue-cli
cnpm install
cnpm install vue-ydui --save
删除项目目录下的 node_modules 目录,Linux下用root账户重新 npm install 或者 淘宝镜像 cnpm install ,Windows下用管理员权限运行terminal运行 npm install 或者 淘宝镜像 cnpm install。
删除node_modules
再执行cnpm install
还缺少的xxx就再cnpm install xxx
vue运行报错
技术分享图片
删除package.json中
"dependencies": {
    "axios": "^0.16.1",
    "babel-runtime": "^6.23.0",
    "chalk": "^1.1.3",
    "jquery": "^2.2.3",
    "node-sass": "^4.5.3",
    "vue": "^2.2.6",
    "vue-router": "^2.3.1",
    "vue-ydui": "^0.5.8",
    "vuex": "^2.3.1"
  },
"vue-ydui": "^0.5.8",
nginx代理部署vue
nginx
location ^~ /mc/ {
        proxy_pass http://192.168.3.100:8082/;
        proxy_set_header   HOST             $host;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
    }
  apache
 .htacess
<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteRule . /index.html [L]
</IfModule>
vue
config/index.js 配置
module.exports = {
build: {
assetsPublicPath: ‘/mc/‘, // 公共静态文件的路径前缀.
}
}
vue-router中的Route配置
const router = new Router({
base:‘/mc/‘, // 路由路径的前缀,需要和 nginx 中的配置保持一致.
mode: ‘history‘, // 切换路径模式,变成history模式
});

Vue

标签:静态文件   淘宝   module   ios   alt   npm   ons   real-ip   base   

原文地址:https://www.cnblogs.com/ssmd/p/9777055.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!