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

Vue Cli搭建域名服务器常见问题

时间:2019-05-20 11:53:08      阅读:360      评论:0      收藏:0      [点我收藏+]

标签:ESS   通过   filezilla   success   ps aux   列表   命令行   vsftpd   orm   

Vue Cli搭建域名服务器常见问题

Vue Cli不使用反向代理配置域名

通过npm run serve命令执行Vue项目只能通过IP地址来访问,即使域名服务中设置DNS依然访问不到。有以下三种解决办法:

1、修改项目根目录下node_modules@vue\cli-service\lib\options.js文件

//第133行
devServer: {
    /*
    open: process.platform === 'darwin',
    host: '0.0.0.0',//改为域名
    port: 8080,//改为端口80
    https: false,
    hotOnly: false,
    proxy: null, // string | Object
    before: app => {}
  */
  }

2、修改项目根目录下node_modules@vue\cli-service\lib\commands\serve.js文件

//第9行
const defaults = {
  host: '0.0.0.0',//改为域名
  port: 8080,//改为端口80
  https: false
}

3、根目录下新建并配置vue.config.js文件

module.exports = {
    devServer: {
    open: process.platform === 'darwin',
    host: '0.0.0.0',//改为域名
    port: 8080,//改为端口80
    https: false,
    hotOnly: false,
    proxy: null, // string | Object
    before: app => {}
  }
}

4、修改项目根目录下package.json文件

//第5行
"scripts": {
    "serve": "vue-cli-service serve --host 你的域名 --port 80",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

以上为Vue Cli不使用反向代理配置域名的解决办法,虽然实现了效果。运行run npm serve就可以在自己域名看到页面,但是从安全性以及拓展性,建议以反向代理实现较为合适,在此不做展开。

vsftpd上传文件进行覆写时提示open for write: permission denied

笔者使用FileZilla作为FTP文件管理工具。
按照一般解决方式:

1、在liunx命令行中运行

sudo chown 777 需要提权的目录

可以将权限提高

2、重启ftp服务器

sudo systemctl restart vsftpd.service

以上步骤做完之后,如果依然报错。这时需要第三步:

3、在FileZilla中设置权限。

打开右击服务器中需要上传操作的文件。选择文件属性(File Attributes)。在弹窗中勾选权限,或者直接输入777确认。再次上传文件,可以看到久违的File transfer successful。

关闭执行npm run serve命令后的实例

在连接Liunx服务器中可能由于服务器不稳定而断开,之前的实例来不及关闭就结束了。这个时候可以使用进程管理命令来关闭之前运行的实例。

1、查看进程列表

找到COMMAND中包含vue-cli-service serve的进程。记录对应PID。

ps aux

2、中止进程运行

如PID为501,则运行kill 501

kill 进程的PID

Vue Cli搭建域名服务器常见问题

标签:ESS   通过   filezilla   success   ps aux   列表   命令行   vsftpd   orm   

原文地址:https://www.cnblogs.com/limbobark/p/10893195.html

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